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

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

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

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 — сайт провайдера
Подглядывать за мной можно тут:

Webinar 11.09.2019 Browsers. IDEs. Web Technologies

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

#1. Мыслить как веб дизайнер — Профессиональный дизайн сайта с нуля: Создаем первый экран в Figma



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

Webinar 13.09.2019 HTML5 and CSS3 Tips + FAQ

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.

Создание сайтов. Удаленная работа. Фриланс

Создание сайтов. Удаленная работа. Фриланс



Всем привет!
Это запись прямой трансляции по теме заработка на создании сайтов.
В трансляции обсудили следующие темы:
На чем можно зарабатывать в этой теме?
Как искать клиентов?
Как гарантированно получить первые заказы?
Как быстро/легко/качественно выполнять заказы?
Как сделать аудит сайта?
Что такое система 3х шаговых продаж?
И тд.
Смотрите трансляцию и вы узнаете много нового. А возможно и начнете зарабатывать новым способом.
Успехов!