Webinar 11.09.2019 Browsers. IDEs. Web Technologies



Webinar 11.09.2019 Browsers. IDEs. Web Technologies
1. Браузеры
Chrome, Canary
Браузеры и движки
ru.wikipedia.org/wiki/%D0%A1%D1%80%D0%B0%D0%B2%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%B2
rtc
caniuse.com
Статистика
gs.statcounter.com/
2. .PSD
psdetch.com/
3. .sketch
на маках встроено в систему
www.figma.com/
4. w3c + whatwg
www.w3.org/TR/html53/
html.spec.whatwg.org/
5. VS Code
полезные навыки
code.visualstudio.com/docs/getstarted/tips-and-tricks
f1 — command palette
ctrl + ~ — терминал
ctrl + up / down — перемотка экрана
ctrl + R + click — второе окно
alt + up / down — перенос строки
alt + up / down — перенос строки
ctrl + D — дубляж курсора
аббревиатура emmet
топ 10 расширений
x-team.com/blog/14-vscode-extensions/
settings sync
live server
Bracket Pair Colorizer
Auto Rename Tag
Color Highlight
CSS Peek
Code Spell Checker
vscode-icons
Auto Close Tag
Better Comments
EditorConfig for VS Code

Комплексное продвижение «молодого» сайта



Прямая трансляция на тему продвижения свежесозданного сайта в Интернет.
Темы:
1. SEO
2. Контекстная реклама
3. SMM и тд.
Будут много полезного!
Приходите, смотрите и участвуйте!

Продвижение сайта в поисковых системах. Введение в SEO



Записывайся на профессию интернет-маркетолога и научись эффективному продвижению в интернете с нуля: bit.ly/2lXBLag
Введение в SEO. В видео вы узнаете, как работали поисковые системы в начале и как они работают сейчас? Что изменилось и на чем сделать акцент в продвижении сайтов.
«SEO простым языком», урок 1
Полезные ссылки:
Анализатор: www.analyzethis.ru
Покупка и продажа ссылок: www.sape.ru
Статейный маретинг: www.miralinks.ru
Продвижение сайта: gogetlinks.net
Автор:
Рафиков Ришат (http://vk.com/lezhebokov_com)
Сайт автора: lezhebokov.com/
Еще больше уроков по SEO: www.youtube.com/playlist?list=PLY4rE9dstrJxIHBstGandMnv_pYnFBlIV
Школа онлайн-образования: loftschool.com/
Telegram: telegram.me/loftblog
Slack: slack.loftblog.ru/
Сайт: loftblog.ru/
Instagram: www.instagram.com/loftblog/
Группа вконтакте: vk.com/loftblog
Facebook: www.facebook.com/loftblog
Twitter: twitter.com/loft_blog
Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogSEO
Полезные уроки для веб-программиста: #интернетмаркетолог
#SEO
Поставь лайк — смотивируй автора писать еще :)

Почта на собственном домене. Легко. Быстро. По-шагам!



КРАСИВО! ПРЕСТИЖНО! ВНУШАЕТ ДОВЕРИЕ!
Мечтаете писать письма с ящика на собственном домене?
Легко!
Смотрите мой новый видеоурок и создавайте сколько угодно ящиков на своем собственном доменном имени!
Теперь Ваши письма будут открыты обязательно)

Возможности Astra PRO. Индивидуальные пользовательские макеты.



Сайт из видео astrapro.delay.site/
Получить Astra или Astra PRO wpastra.com/?bsf=1931&campaign=AstraFREE
Вступить в PRO-клуб delay.site/pro-klub/
Astra FREE видео youtu.be/5d-b_6MQbxs
Приветствую!
Вы смотрите серию видео о возможностях Astra PRO.
Astra PRO — мощный и легкий шаблона для создания сайта или интернет-магазина на лучшем движке wordpress.
В этом видео рассказываю и показываю все возможности настройки индивидуальных пользовательских макетов (шапка, футер, 404 страница, хуки) на сайте под управлением Astra PRO.
С помощью этой настройки Вы сможете существенно разнообразить зрительно Ваш сайт, ведь теперь можно буквально за 5 минут создать классную шапку или футер и задать настройки их отображения (на всем сайте, на некоторых страницах, исключая некоторые страницы, только для авторизованных и тд)
Масса настроек позволяет сделать все «под себя», покупайте Astra PRO и наслаждайтесь!

Дизайн лендинга – с чего начать дизайн? (landing page с нуля)



Бесплатно учись веб-дизайну – vk.cc/6Nfr7f
Блог о веб-дизайне и интерфейсах – maximsoldatkin.com
Создаем веб-дизайн landing page – базовые принципы
Как создать дизайн адаптивного лендинга? Использованию его главных элементов и другим важным принципам вы научитесь благодаря этому видеообзору.
Главная цель веб-дизайна landing page — привлечение максимального количества посетителей и увеличение продаж. Страница должна быть яркой, понятной, привлекательной и функциональной. Как этого добиться и что нужно делать для удовлетворения потребностей заказчика? Знает Максим Солдаткин!
Он поделится с вами своими профессиональными знаниями и главными секретами в этом видео.
Каким должен быть идеальный лендинг?
Можно выделить 3 основных этапа создания идеального лендинга:
визуальный,
технический,
смысловой.
Детальнее узнать о каждом из них вы сможете из этого урока. Подробное и доступное руководство даст возможность вам реализовать дизайн landing page в Рhotoshop. Удивите пользователей и заказчиков! Создайте эффектный лендинг! Это просто!
Максим Солдаткин вам поможет. Смотрите этот урок, подписывайтесь на его канал, и вы быстро достигнете желаемого профессионального уровня!
0:30 – в каких случаях нужно делать дизайн лендинга
2:18 – контекст использования и создания дизайна лендинг пейдж
4:03 – что такое лендинг пейдж и веб упаковка?
4:51 – как сделать дизайн лендинга в стиле эппл
7:02 – 3 этапа создания дизайна лендинга
7:25 – смысловой этап создания дизайна landing page
15:13 – визуальный этап – создание дизайна лендинга
18:45 – технический этап – как сверстать лендинг или сделать лендинг в конструкторе
20:13 – лендинг пейдж в конструкторе: tilda, platformalp, webflow
22:40 – ценность правильного дизайна landing page
25:00 – вывод: с чего начать дизайн лендинга
Дизайн лендинга – с чего начать дизайн? (landing page с нуля) — youtu.be/eakYWqtNNoY
Адаптивный Дизайн Сайта (Особенности Создания) 2018 — youtu.be/_T16--4paQI
Уроки веб-дизайна с нуля для начинающих — www.youtube.com/watch?v=9j_tf0bJE4w&list=PLettrGtkBMerDELB4Qcd-5oJ3Ib324mu4
Блог о веб-дизайне и интерфейсах – maximsoldatkin.com
Я Вконтакте – vk.com/maximsoldatkin
Мой Instagram — www.instagram.com/maximsoldatkin/
Бесплатный курс — maximsoldatkin.com/web-design/
Двухмесячный курс с обратной связью и трудоустройством — maximsoldatkin.com/designer/
ВК: Двухмесячный курс с обратной связью и трудоустройством — vk.com/dpng.designer2

Собеседование Senior Frontend разработчика #14



Открытое собеседование Senior Frontend-разработчика.
Следующий выпуск: youtu.be/gxI5_qtdE5g
Предыдущий выпуск: youtu.be/LufJuwK4QNQ
Вопросы и предложения пишем сюда mockinterview@yandex.ru
Кто хочет прокачать свои знания — оставляем заявку на обучение в GeekBrains: rebrand.ly/mockinterview
00:00 Вступление
01:15 Знакомство с Сергеем
03:38 Что такое чистая функция?
04:16 Что такое функции высшего порядка?
05:00 Service-worker'ы — это что такое?
07:54 Чем отличаются односвязный список и двусвязный список.
09:53 Что нового в js?
13:30 JWT (правильно — JSON Web Token, а я назвал JavaScript Web Token'ом, виноват :)) — что это?
16:45 Задача 1 (https://jsfiddle.net/mockinterview/mhd0g7qb/)
57:20 Задача 2 (не решали, задам когда-нибудь потом ее)
1:17:03 Задача 3 (https://jsfiddle.net/mockinterview/gmu6q4Ls/)

Видеокурс по арбитражу трафика — льем PUSH трафик на офферы. Урок 1



Бонус 50$ к первому депозиту 200$ — отправь слово “protraffic” в личку vk.com/propellerads или @propellermoder в Телеграме, и получи свой код с бонусом. Количество купонов ограничено, бонус действует только на первый депозит.
Регистрация в PropellerAds — bit.ly/2GeE7sN (для покупки трафика)
Регистрация в AlfaLeads — bit.ly/AlfaLeads (для обмена трафика на деньги)
Бесплатный видеокурс по арбитражу трафика от команды ProTraffic.com, AlfaLeads.net и PropellerAds.com

Возможности Astra PRO. Astra PRO + WooCommerce = Сказка!



Astra FREE Woocommerce видео youtu.be/5d-b_6MQbxs?t=4602
Сайт из урока woo.delay.site/
Получить Astra или Astra PRO wpastra.com/?bsf=1931&campaign=AstraFREE
Вступить в PRO-клуб delay.site/pro-klub/
Приветствую!
Вы смотрите серию видео о возможностях Astra PRO.
Astra PRO — мощный и легкий шаблона для создания сайта или интернет-магазина на лучшем движке wordpress.
В этом видео рассказываю и показываю как чудесно себя чувствует плагин интернет-торговли woocommerce (вукоммерс) при взаимодействии с wordpress сайтом под управлением темы Astra PRO.
Хотите сделать интернет-магазин? Чтобы витрина выглядела так, что «пальчики оближешь»?
Тогда посмотрите какие возможности настройки и кастомизации предлагается в модуле woocommerce для astra pro.
В 2х словах не расскажешь, лучше один раз увидеть! Поверьте, оно того стоит.
Приятного просмотра!

СОЗДАНИЕ САЙТА С НУЛЯ САМОСТОЯТЕЛЬНО — ПОШАГОВАЯ ИНСТРУКЦИЯ



➤Хостинг и домен здесь: fas.st/VEnG5
➤Бесплатная тема: my-files.ru/l1tp1z
➤Где еще можно взять темы #1: fas.st/vHXHa
➤Где еще можно взять темы #2: fas.st/PVYsL
➤Заказать логотип, фавикон, дизайн и многое другое можно тут: — fas.st/FhdBW
Этапы пошаговой инструкции:
00:00 — Старт
02:25 — Регистрация хоостинга
09:42 — Регистрация домена
14:22 — Выбор платформы и установка
18:55 — Что дальше?!
22:11 — Знакомство с админпанелью
26:31 — Записи
39:45 — Рубрики
42:09 — Страницы
47:25 — Медиафайлы
48:40 — Настройки
1:00:47 — IDN + Punycode
1:02:45 — Темы
1:13:12 — Плагины
1:22:04 — Меню
1:24:35 — Виджеты
1:27:03 — Контакты
1:29:42 — Шорткоды
1:33:54 — Комментарии
1:37:21 — Фавикон
1:40:36 — Логотип
1:44:05 — Режимы главной
1:47:06 — Elementor
1:56:22 — Что еще важно знать
Создание сайта с нуля самостоятельно еще никогда не было таким простым! в случае возникновения у вас любых вопросов — пишите в комментариИ, постараюсь ответить вам и решить проблему.