Карьера frontend-разработчика: от джуна до тимлида

Содержание

Слайд 2

Давайте знакомиться Даниил Пилипенко Окончил МГУ имени М.В.Ломоносова, кандидат наук Разработчик

Давайте знакомиться

Даниил Пилипенко
Окончил МГУ имени М.В.Ломоносова, кандидат наук
Разработчик (Java — с

2004 года, PHP — с 2006 года, frontend — c 2008 года) и руководитель разработки
Программный директор факультета backend-разработки и старший преподаватель в онлайн-университете Skillbox
Сертифицированный карьерный коуч (ACP Russia, ICF)
Директор центра подбора IT-специалистов SymbioWay
Слайд 3

Слайд 4

Зарплаты frontend-разработчиков

Зарплаты frontend-разработчиков

Слайд 5

Зарплаты frontend-разработчиков

Зарплаты frontend-разработчиков

Слайд 6

Зарплаты frontend-разработчиков

Зарплаты frontend-разработчиков

Слайд 7

Зарплаты frontend-разработчиков

Зарплаты frontend-разработчиков

Слайд 8

Слайд 9

Уровни программистов

Уровни программистов

Слайд 10

Уровни программистов Junior Middle Senior

Уровни программистов

Junior
Middle
Senior

Слайд 11

Уровни программистов Junior Middle Senior Intern Junior Middle Senior Lead

Уровни программистов

Junior
Middle
Senior

Intern
Junior
Middle
Senior
Lead

Слайд 12

Уровни программистов Junior Middle Senior Intern Junior Middle Senior Lead Junior Junior+ Middle Middle+ Senior

Уровни программистов

Junior
Middle
Senior

Intern
Junior
Middle
Senior
Lead

Junior
Junior+
Middle
Middle+
Senior

Слайд 13

Уровни программистов Junior Middle Senior Чем отличаются?

Уровни программистов

Junior
Middle
Senior

Чем отличаются?

Слайд 14

Уровни программистов Junior Middle Senior Чем отличаются?

Уровни программистов

Junior
Middle
Senior

Чем отличаются?

Слайд 15

Уровни самостоятельности

Уровни самостоятельности

Слайд 16

Уровни самостоятельности

Уровни самостоятельности

Слайд 17

Уровни самостоятельности

Уровни самостоятельности

Слайд 18

Уровни самостоятельности

Уровни самостоятельности

Слайд 19

Уровни самостоятельности

Уровни самостоятельности

Слайд 20

Уровни самостоятельности

Уровни самостоятельности

Слайд 21

Разработчик Профессионал (“это его”) Непрофессионал (“это не его”)

Разработчик

Профессионал
(“это его”)

Непрофессионал
(“это не его”)

Слайд 22

Компоненты профессионализма

Компоненты профессионализма

Слайд 23

Компоненты профессионализма Интерес

Компоненты профессионализма

Интерес

Слайд 24

Компоненты профессионализма Интерес “Горящие глаза” Passion (“страсть”) Состояние потока

Компоненты профессионализма

Интерес

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Слайд 25

Компоненты профессионализма Интерес Опыт “Горящие глаза” Passion (“страсть”) Состояние потока

Компоненты профессионализма

Интерес

Опыт

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Слайд 26

Компоненты профессионализма Интерес Опыт “Горящие глаза” Passion (“страсть”) Состояние потока Умения и навыки “Система в голове”

Компоненты профессионализма

Интерес

Опыт

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Умения и навыки
“Система в голове”

Слайд 27

Компоненты профессионализма Интерес Опыт Личностная зрелость “Горящие глаза” Passion (“страсть”) Состояние

Компоненты профессионализма

Интерес

Опыт

Личностная
зрелость

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Умения и навыки
“Система в голове”

Слайд 28

Компоненты профессионализма Интерес Опыт Личностная зрелость “Горящие глаза” Passion (“страсть”) Состояние

Компоненты профессионализма

Интерес

Опыт

Личностная
зрелость

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Умения и навыки
“Система в голове”

Самостоятельность
Конструктивность
“Адекватность”

Слайд 29

Компоненты профессионализма Интерес Опыт Личностная зрелость “Горящие глаза” Passion (“страсть”) Состояние

Компоненты профессионализма

Интерес

Опыт

Личностная
зрелость

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Умения и навыки
“Система в голове”

Самостоятельность
Конструктивность
“Адекватность”

“hard skills”

Слайд 30

Компоненты профессионализма Интерес Опыт Личностная зрелость “Горящие глаза” Passion (“страсть”) Состояние

Компоненты профессионализма

Интерес

Опыт

Личностная
зрелость

“Горящие глаза”
Passion (“страсть”)
Состояние потока

Умения и навыки
“Система в голове”

“hard skills”

“soft skills”

“soft

skills”

Самостоятельность
Конструктивность
“Адекватность”

Слайд 31

Требования к frontend-разработчикам

Требования к frontend-разработчикам

Слайд 32

Требования к frontend-разработчикам Умение верстать (HTML, CSS)

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Слайд 33

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) pug

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

pug

Слайд 34

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Умение работать со сборщиками pug

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Умение работать
со сборщиками

pug

Слайд 35

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Умение

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Умение работать
с Git и таск-трекером

Умение работать
со

сборщиками

pug

Слайд 36

Уровень intern / junior

Уровень intern / junior

Слайд 37

Уровень intern / junior #div {...} .active > li {...} *[type="text"]

Уровень intern / junior

#div {...}
.active > li {...}
*[type="text"] {...}
[data="empty"] p {...}
.plus:nth-child(2n)

{...}

К каким HTML-элементам будут применяться стили, обозначенные следующими селекторами?

Слайд 38

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Умение

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Умение работать
с Git и таск-трекером

Умение работать
со

сборщиками

Уверенное владение
JavaScript

pug

Слайд 39

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Знание

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Знание
фреймворка

Умение работать
с Git и таск-трекером

Умение работать
со

сборщиками

Уверенное владение
JavaScript

pug

Слайд 40

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Знание

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Знание
фреймворка

Понимание принципов
HTTP и REST

Умение работать
с Git

и таск-трекером

Умение работать
со сборщиками

Уверенное владение
JavaScript

pug

Слайд 41

Уровень middle

Уровень middle

Слайд 42

Уровень middle console.log(sum(2,3)); // 5 console.log(sum(2)(3));// 5 Напишите функцию “sum”, которая будет работать следующим образом:

Уровень middle

console.log(sum(2,3)); // 5
console.log(sum(2)(3));// 5

Напишите функцию “sum”, которая
будет работать следующим образом:

Слайд 43

Уровень middle (function(){console.log(this)})(); Что будет выведено в браузере в результате выполнения кода?

Уровень middle

(function(){console.log(this)})();

Что будет выведено в браузере
в результате выполнения кода?

Слайд 44

Препроцессоры и шаблонизаторы Требования к frontend-разработчикам Умение верстать (HTML, CSS) Знание

Препроцессоры
и шаблонизаторы

Требования к frontend-разработчикам

Умение верстать
(HTML, CSS)

Знание
фреймворка

Понимание принципов
HTTP и REST

Умение работать
с Git

и таск-трекером

Умение работать
со сборщиками

Умение проектировать
архитектуру

Уверенное владение
JavaScript

pug

Слайд 45

Курс Skillbox «Профессия Frontend-разработчик»

Курс Skillbox «Профессия Frontend-разработчик»

Слайд 46

Курс Skillbox «Профессия Frontend-разработчик» Выпускаем специалистов уровня junior+

Курс Skillbox «Профессия Frontend-разработчик»

Выпускаем специалистов уровня junior+

Слайд 47

Слайд 48

Слайд 49

Курсы Skillbox «Профессия Frontend-разработчик»

Курсы Skillbox «Профессия Frontend-разработчик»