Калабарацыя і аўтаматызацыя ў франтэндзе. Чаму мы навучыліся за 13 школ

Ўсім прывітанне. Калегі нядаўна пісалі ў гэтым блогу, што адкрылася рэгістрацыя у наступную Школу распрацоўкі інтэрфейсаў у Маскве. Я вельмі рады новаму набору, бо я быў адным з тых, хто прыдумаў Школу ў 2012 годзе, і з таго часу стала ёй займаюся. Яна эвалюцыянавала. З яе выйшла цэлае міні-пакаленне распрацоўшчыкаў з найшырэйшым кругаглядам і здольнасцю ўзяць на сябе ў праектах наогул усё, што звязана з франтэндам. Хтосьці з выпускнікоў працуе ў Яндэксе, хтосьці не.

Калабарацыя і аўтаматызацыя ў франтэндзе. Чаму мы навучыліся за 13 школ

ШРІ - як сэрвіс: таксама патрабуе розных фарматаў узаемадзеяння, аўтаматызацыі і эксперыментаў. Вось пра гэта і пагаворым сёння на Хабры. Будуць карысныя спасылкі для кандыдатаў.


Не хачу моцна паўтарацца: уся асноўная інфармацыя пра ШРЫ 2019 ёсць на сайце. Толькі нагадаю пра магчымасці для хлопцаў з іншых гарадоў: укажыце ў анкеце, калі хочаце прайсці першую частку (з 7 верасня па 25 кастрычніка) завочна. Вядома, тым, хто справіцца з тэставым заданнем, мы не адмовім і ў вочным удзеле - аплацім хостэл і харчаванне.

Мы запрашаем у ШРІ ўсіх, хто цікавіцца фронтэнд-распрацоўкай і адчувае востры недахоп у практыцы. Падчас Школы студэнты атрымліваюць досвед каманднай распрацоўкі, вучацца сістэмнаму мысленню і прапампоўваюць навыкі, неабходныя для будучай працы ў Яндэксе і падобных кампаніях. Кар'ерны трэк выпускнікоў ШРІ выглядае прыкладна так: спачатку яны становяцца малодшымі распрацоўшчыкамі, затым распрацоўшчыкамі і з часам кіраўнікамі груп.

Гэта будзе сёмая Школа ў Маскве і чатырнаццатая, калі ўлічваць усе гарады, дзе яе праводзілі - Сімферопаль, Мінск, Екацярынбург, Санкт-Пецярбург. У нас гнуткі праект. Кожны раз мы прыслухоўваемся да зваротнай сувязі студэнтаў: нешта змяняем, прыбіраем, дадаем зыходзячы з іх запатрабаванняў і змен у індустрыі.

пачатак навучання

Мы робім уступнае заданне даволі складаным. Па сэнсе заданне для набору ў Маскве падобна на тое, што было ў мінскім ШРІ гэтага года. Мы дамо задачку на дынамічную вёрстку, на напісанне JavaScript, і трэба будзе разабрацца ў новай прадметнай вобласці. Па нашых падліках, на яго выкананне спатрэбіцца 5-7 дзён, можа крыху больш.

Пасля залічэння ў Школу ўдзельнікі павінны прайсці два этапы. На першым з іх студэнты слухаюць лекцыі, выконваюць дамашнія заданні і потым разбіраюць іх разам з выкладчыкамі і іншымі студэнтамі прама на занятках. Атрымліваецца магутны эфект сінэргіі.

Адна з лекцый абавязкова праходзіць у значна больш інтэнсіўным фармаце, чым астатнія. На ёй мы займаемся алгарытмамі: некалькі гадзін запар навучэнцы на практыцы спазнаюць ключавыя алгарытмічныя прыёмы.

Падчас другога этапу ўдзельнікі аб'ядноўваюцца адзін з адным у невялікія каманды і працуюць у рэжыме хакатонаў (мы называем іх шрыкатонамі). Увесь другі этап студэнты працуюць над рэальнымі праектамі пад ментарствам супрацоўнікаў Яндэкса. У фінале - абарона праектаў. Самыя ўдалыя маюць рэальны шанец патрапіць у прадакшэн.

Так было не заўсёды.

Як ШРІ мянялася

Упершыню мы правялі Школу ў 2012 годзе. Першапачаткова ідэя была ў тым, што нам самім не хапала спецыялістаў і мы вырашылі іх "гадаваць". Але нават тады мы не абмяжоўвалі студэнтаў у тым, дзе ім потым працаваць. Важна вырашаць высокаўзроўневую задачу - узмацняць вялікую экасістэму, вяртаючы ў яе выпускнікоў з набытым глыбокім разуменнем фронтэнда. На канферэнцыях і сустрэчах з распрацоўшчыкамі відаць, як гэты працэс прыносіць свой плён.

Фарматы і праграма

Раней былі толькі лекцыі з дамашнімі заданнямі і абаронай выпускнога праекта. Прычым лекцыі шырокія, разлічаныя на базавы ўзровень ведаў студэнтаў. Паступова мы зразумелі, што ў гэтым ня так шмат сэнсу. Уся інфармацыя і так даступная ў анлайне, важней зматываваць студэнтаў самім знайсці патрэбную інфармацыю, задаць ім правільны вектар і ў цэлым прывіць жаданне вучыцца. Да таго ж за гады правядзення ШРІ ў нас назапасілася шмат матэрыялу па базавых тэмах, і мы рэгулярна яго абнаўляем.

Цяпер больш канцэнтруемся на публічным разборы хатніх заданняў. Гэта важная частка адукацыйнага працэсу. Сумесны разбор самых распаўсюджаных праблем у кожнай з тэм пасля кожнай лекцыі добра дапамагае на практыцы замацоўваць матэрыял.

Калі прыдумалі фармат шрыкатонаў, гэта надало пэўны boost працэсу. Да таго студэнты рыхтавалі выпускныя праекты дома паасобку. Мы падумалі, што было б больш эфектыўна прапампоўваць камандную працу. Гэты скіл як раз складана атрымаць, калі ты пачатковец распрацоўшчык інтэрфейсаў, які працуе ў невялікай кампаніі, і тым больш калі фрылансер. На шрыкатонах у кожнай камандзе ёсць ментары з Яндэкса - вопытныя распрацоўшчыкі, яны дапамагаюць студэнтам наладзіць ўзаемаадносіны і пабудаваць працоўны працэс.

Калабарацыя і аўтаматызацыя ў франтэндзе. Чаму мы навучыліся за 13 школ

Адзін са шрыкатонаў

Яшчэ мы спрабавалі фармат аб'яднаных школ, калі працавалі ў кантэксце "Мабілізацыі" - адукацыйнага праекта 2017 года па распрацоўцы мабільных прадуктаў. Аб'ядноўвалі ў каманды адначасова студэнтаў са ШРІ, Школы менеджэраў, Школы мабільнай распрацоўкі і Школы мабільнага дызайну.

У гэтым годзе хочам паўтарыць нешта падобнае: зробім змешаныя каманды са ШРІ і студэнтаў з Школы бэкэнд-распрацоўкі.

Праверка тэставых заданняў

Кожны год тэставае заданне становіцца крыху больш складаным для абітурыентаў, а яго праверка крыху лягчэйшая для нас. У першую Школу прыйшлі дзясяткі заявак - мы правяралі іх тады ўручную. Сёлета будзе каля дзвюх тысяч заявак. Прыйшлося аптымізаваць працэс праверкі: мы зрабілі адзіны чэк-ліст і размеркавалі праверку заданняў сярод вялікай колькасці людзей. На мінулым ШРІ мы ўжо спрабавалі, і на гэтай будзем узмацняць розныя аўтаматызацыі і паўаўтаматызацыі праверачнага працэсу. Напрыклад, будзем выкарыстоўваць аўтатэсты для хутчэйшай праверкі прац, перш чым аддаць іх на экспертную адзнаку распрацоўніку.

Каманда

У арганізацыі і правядзенні ШРІ задзейнічаны каля ста чалавек. Гэта распрацоўшчыкі інтэрфейсаў з усяго Яндэкса з усіх аддзелаў, нават з бізнес-юнітаў. Хтосьці дапамагае складаць праграму, хтосьці праводзіць лекцыі ці курыруе шрыкатоны. Бо арганізатараў шмат, гэта не моцна мяшае бягучым працоўным задачам супрацоўнікаў. Для іх тут таксама карысць: яны вучацца навучаць іншых, ментарыць і ў цэлым рабіць больш складаныя праекты. Win-win.

Людзі

Як і ў нашых вакансіях і стажыроўках, тут няма абмежаванняў па ўзросце. Мы чакаем студэнтаў ВНУ і спецыялістаў, якія маюць мінімальны досвед фронтэнд-распрацоўкі. Для нас важна, каб у чалавека было жаданне і здольнасць вучыцца.

Студэнт ШРІ знаходзіцца ў памежным стане: ён ужо нешта ведае і ўмее, але ў яго могуць адсутнічаць сістэмныя веды і досвед каманднай распрацоўкі ў буйных кампаніях, яму бракуе практыкі. ШРІ не навучае з нуля.

Пры гэтым вы можаце не быць менавіта франтэндэрам, а займацца, напрыклад, дызайнам, тэхнічным праектным мэнэджментам або бэкэнд-распрацоўкай. У любым выпадку калі вашых ведаў і досведу дастаткова для выканання тэставага задання, ёсць сэнс ісці вучыцца ў ШРІ. Паглыбленае веданне франтэнда дазволіць лепш разумець праблематыку калег.

Калі б кожны дызайнер і менеджэр, з якімі мы працуем, валодалі такім узроўнем разумення распрацоўкі інтэрфейсаў, усім сапраўды стала б лепш.

За гады правядзення Школы мы заўважылі, што распрацоўшчыкі, якія прыходзяць працаваць у Яндэкс са ШРІ, паказваюць выдатныя вынікі на ўнутраным раўчу.

Мы звязваем гэта з тым, што ў ШРИшников правільны лад мыслення і архетып вучня. Яны глядзяць на свет з расплюшчанымі вачыма, не саромеюцца пытацца, калі нешта незразумела. Умеюць працаваць самастойна і лёгка аб'ядноўваюцца з іншымі.

З іншых гарадоў

Мы прывозім студэнтаў з усёй Расіі, таму што актыўная вучоба і сумеснае пражыванне з аднадумцамі стварае вельмі інтэнсіўны рэжым - тым самым вырываючы іх з хатняга кантэксту. Гэта як летні лагер, студэнцкі інтэрнат ці папулярны сягоння фармат калівінгу. Некаторыя ўдзельнікі з Масквы зайздросцяць і просяць падсяліцца да аднакурснікаў у хостэл.

Вочна-завочнае навучанне

Сёлета першы этап з лекцыямі і дамашнімі заданнямі можна будзе прайсці ў завочным рэжыме, аддалена — проста са свайго горада. Але на другі этап неабходна прыехаць у Маскву, бо далей пачынаецца магія каманднай працы. Пакуль мы не ведаем, колькі месцаў будзе даступна для аддаленага навучання. Тут важны псіхалагічны момант групавой дынамікі, важна адчуваць дачыненне да групы.

Нам хочацца, каб студэнты, якія вучацца на адной плыні, размаўлялі адзін з адным, станавіліся сябрамі. Калі палова тых, хто паступіў, будзе вучыцца аддалена, а паток будзе занадта вялікім, напрыклад, 100 чалавек, то ўзнікне непрыемны эфект адзіноты ў натоўпе. Таму на адной плыні ў нас звычайна 30–40 студэнтаў.

Статыстыка пераходаў у Яндэкс

З кожнага патоку апошніх гадоў мы бярэм на стажыроўкі і вакансіі ад 60% да 70% выпускнікоў.

Усяго ў ШРІ адвучыліся 539 студэнтаў, 244 з іх сталі супрацоўнікамі Яндэкса (не лічачы тых, хто быў толькі на стажыроўцы). Цяпер у кампаніі працуюць 163 выпускнікі.

Са Школ мінулага года мы працаўладкавалі ў кампанію 59 чалавек: 29 стажораў, 30 штатных распрацоўшчыкаў. Выпускнікі працуюць у самых розных сэрвісах Яндэкса: Дырэкце, Пошуку, Пошце, галоўнай старонцы, Маркеце, Геасэрвісах, Аўта, Дзене, Метрыцы, Здароўе, Грошы.

БЭМ і гібрыдны падыход да мабільнай распрацоўкі

ШРІ не завязана на БЭМ. Вядома, калі казаць пра распрацоўку інтэрфейсаў, мы маем на ўвазе такую, якая склалася ў Яндэксе - гэта значыць вялікія нагрузкі, шмат карыстальнікаў, высокія стандарты якасці і ўвага да дэталяў. Нават для стварэння маленькіх рэгіянальных сайтаў важна разумець падмурак прафесіі, разбірацца, на чым можна зэканоміць і чаму, а на чым не. Па просьбах студэнтаў мы адну з лекцый прысвяцілі БЭМ, бо гэтая метадалогія шмат дзе стала стандартам.

Мы навучаем менавіта вэб-распрацоўцы і спадарожным тэхналогіям, а таксама мабільнай распрацоўцы і мабільнай вёрстцы ў кантэксце вэб-тэхналогій, выкарыстоўваем гібрыдны падыход да стварэння прыкладанняў. Таму ў ШРІ мы не дакранаемся аспектаў натыўнага праграмавання на Swift, Objective-C, Cocoa, C++, Java. Таксама не дакранаемся распрацоўкі пад React Native.

Адкрыты вэбінар

У гэтую сераду, 19 чэрвеня, у 19:00 мск мае калегі і я арганізуем вэбінар пра Школу - адкажам на пытанні тых, хто думае паступаць або ўжо пачаў рабіць заданне (зразумела, у каментары да гэтай пасады таксама прыйду). Вось спасылка на YouTube, можна націснуць "Нагадаць".

Што пачытаць для падрыхтоўкі

Карысныя сайты

- Сучасны падручнік JavaScript
- WebReference
 
Кнігі

- JavaScript. Падрабязнае кіраўніцтва (6-е выданне), Дэвід Флэнаган
- Дасканалы код, Стыў Маканелл
- Рэфакторынг. Паляпшэнне існуючага кода, Марцін Фаулер  
- Git Book
 
Курсы на Udacity (спасылка)

- Linux Command Line Basics
- Browser Rendering Optimization
- Website Performance Optimization
- JavaScript
- Networking for Web Developers
- HTML5 Canvas
- Responsive Images
– Responsive Web Design Fundamentals
- Offline Web Applications
- Web Tooling & Automation
- JavaScript Testing
- Intro to Progressive Web Apps
- Software Testing
- Object-Oriented JavaScript
 
відэаматэрыялы

- Канал Акадэміі Яндэкса
- Матэрыялы ШРІ
- Скрынкаст па Node.js
- Скрынкаст па Webpack 
- Скрынкаст па Gulp
- Асновы ES6
- Javascript Tutorial For Beginners
- Javascript Fundamentals
- Modular Javascript
- React JS Tutorials
- Redux Tutorials
- LearnCode.academy
- CodeDojo
- JavaScript.ru
- Распрацоўнікі Google
- Распрацоўшчык Microsoft
- Распрацоўшчыкі Facebook
- Тэхнастрым Mail.Ru Group
- НОУ ІНТУІТ

А паспрабаваць сябе ў рашэнні задач можна на CodeSignal.

Гэта не поўны спіс, ёсць шмат карысных матэрыялаў. Мы хутчэй хочам, каб абітурыенты звярнулі ўвагу на пэўныя тэмы, надалі ім час. Важна, каб студэнты самі захацелі шукаць інфармацыю.

Крыніца: habr.com

Дадаць каментар