Собеседование 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/)

Webinar 20.09.2019 Photoshop and Figma for web developers



Webinar 20.09.2019 Photoshop and Figma for Web Developers

UI/UX дизайн. Разбор 14 работ дизайна подписчиков #57. уроки веб-дизайна в Figma



#alexeybychkov #ityoutubersru #webdesign
Доступ к закрытом чату: советы, лайфхаки, ответы на вопросы, ранний доступ к видео и тд:
бусти — boosty.to/alexeybychkov — русский интерфейс, рубли
патреон — www.patreon.com/alexeybychkov — английский, доллары
UI/UX дизайн. Разбор 14 работ дизайна подписчиков. Нужен фидбек? Оставляй свою работу на оценку в группе → vk.com/dsgn.feedbacks
00:00 — доставка домашней рассады
15:45 — магазин свадебных платьев
26:52 — интернет-магазин гаджетов
34:24 — сайт-портфолио дизайнера
43:03 — интернет-магазин шин
53:39 — сайт фитнес-центра
1:00:51 — полет на марс
1:09:19 — полет на параплане
1:20:39 — сайт-портфолио дизайнера
1:25:29 — сайт психолога
1:40:06 — интернет-магазин кроссовок
1:50:48 — про косметику
1:58:21 — цифровая лаборатория
2:10:27 — сайт провайдера
Подглядывать за мной можно тут:

Friday Live Coding. Part 2

Responsive Web Design. Flexbox. CSS Grid Layout. (02.04.2019)



Responsive Web Design. Flexbox. CSS Grid Layout.

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. Мыслить как веб дизайнер — Профессиональный дизайн сайта с нуля: Создаем первый экран в Figma



Практический онлайн курс по веб-дизайну от Тони Емельянова.

Webinar 13.09.2019 HTML5 and CSS3 Tips + FAQ



Webinar 13.09.2019 HTML5 and CSS3 Tips + FAQ
1. Характеристики браузера
www.whatismybrowser.com/
2. Файлы
xml, jsx, blob to html
css, sass, less to css
ts, coffee to js
3. Голый HTML
Откройте магазин дополнений гугл хрома: chrome.google.com/webstore/category/apps,
в окне поиска введите Web Developer
Откройте страничку расширения Web Developer и нажмите «Установить»
Перейдите на веб-страницу, на которой вы хотите выключить css-оформление в Хроме
После установки в правом верхнем углу появится значок, похожий на шестерёнку, на него нужно нажать
В появившемся окошке щёлкаем по вкладке «css», а затем нажимаем на «Disable All Styles» («Отключить все стили»)
4. теги
форма записи,
одиночные / двойные,
логотип epam
атрибуты: пробелы pre, кавычки одиночные и двойные " " "
атрибуты составные / не составные
5. категории
парные / одиночные
блочные / строчные
теги логического типа
теги физического типа
теги комбинированного типа
developer.mozilla.org/en-US/
семантика — www.euronews.com/
6. поток
7. селекторы
code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
8. Величины
div text 1 to div text 2 to p text 3 em, rem, %. — px, pt.
9. Позиционирование
10. box-model
11. сервисы онлайн кодинга
jsfiddle,
codepen.