📜 ⬆️ ⬇️

Collaboration and automation in the frontend. What we have learned for 13 schools

Hello. Colleagues recently wrote on this blog that the registration has opened for the next UI School in Moscow. I am very pleased with the new recruitment, because I was one of those who invented the School in 2012, and since then I have been constantly engaged in it. She evolved. A whole mini-generation of developers came out of it with the broadest outlook and the ability to take on projects in general, everything related to the frontend. Some graduates work in Yandex, others do not.



SRI - as a service: it also requires different formats of interaction, automation and experiments. Here about it also we will talk today on Habré. There will be useful links for candidates.
')


I do not want to repeat much: all the basic information about SRI 2019 is on the site. Let me just remind you of the opportunities for children from other cities: indicate in the application form if you want to complete the first part (from September 7 to October 25) in absentia. Of course, we will not refuse to full-time participation to those who cope with the test task - we will pay for the hostel and meals.

We invite in SRI all who are interested in front-end development and are experiencing an acute shortage of practice. During the School, students gain experience in team development, learn systems thinking and pump the skills necessary for future work in Yandex and similar companies. Career track graduates SRI looks like this: first, they become junior developers, then developers and eventually team leaders.

This will be the seventh School in Moscow and the fourteenth if you consider all the cities where it was conducted - Simferopol, Minsk, Yekaterinburg, St. Petersburg. We have a flexible project. Every time we listen to students' feedback: we change something, we remove, we add based on their needs and changes in the industry.

Start date


We make the introductory task quite complicated. The meaning of the task for recruiting in Moscow is similar to what was in this SRI in Minsk . We will give a problem on a dynamic layout, on writing JavaScript, and you will need to understand the new domain. According to our calculations, it will take 5-7 days to complete, maybe a little more.

After enrollment, participants must go through two stages. In the first one, students listen to lectures, do homework, and then disassemble them, along with teachers and other students, right in the classroom. It turns out a powerful synergy effect.

One of the lectures necessarily takes place in a much more intensive format than the others. On it, we deal with algorithms: for several hours in a row, students practice key algorithmic techniques.

During the second stage, the participants unite with each other into small teams and work in the hackathon mode (we call them shrikatons). All the second stage, students work on real projects under the mentoring of Yandex employees. In the final - the protection of projects. The most successful have a real chance to get into production.

This was not always the case.

How did the SRI change


For the first time we held a school in 2012. Initially, the idea was that we ourselves lacked specialists and we decided to “grow” them. But even then, we didn’t restrict students to where they work afterwards. It is important to solve the high-level task - to strengthen a large ecosystem, returning graduates to it with an acquired deep understanding of the frontend. At conferences and meetings with developers you can see how this process is bearing fruit.

Formats and software


There used to be only lectures with homework and defense of the graduation project. And the lectures are wide, designed for a basic level of students' knowledge. Gradually, we realized that this is not so much sense. All information is already available online, it is more important to motivate students to find the necessary information themselves, ask them the right vector and generally instill a desire to learn. In addition, over the years of the SRI, we have accumulated a lot of material on basic topics, and we regularly update it.

Now we concentrate more on public analysis of homework. This is an important part of the educational process. Joint analysis of the most common problems in each of the topics after each lecture helps in practice to consolidate the material.

When the format of shrikatons was invented, it gave a boost to the process. Before that, students prepared graduation projects at home alone. We thought that it would be more efficient to pump team work. This skill is just hard to get if you are a beginner interface developer who works in a small company, and even more so if you are a freelancer. There are mentors from Yandex on the shrikatons in each team - experienced developers, they help students to establish relationships and build a working process.


One of the shrikatons

We also tried the format of integrated schools when we were working in the context of “Mobilization” - an educational project for the development of mobile products in 2017. Students of the SRI, the School of Managers, the School of Mobile Development and the School of Mobile Design were combined into teams at the same time.

This year we want to repeat something like this: we will create mixed teams from SRI and students from the Backend Development School .

Test verification


Each year, the test task becomes a little more difficult for applicants, and checking it is a little easier for us. Dozens of applications came to the first school - we checked them manually then. This year there will be about two thousand applications. We had to optimize the verification process: we made a single check-list and distributed the verification of tasks among a large number of people. At the last SRI we have already tried, and on this one we will strengthen various automation and semi-automation of the verification process. For example, we will use autotests for quicker work checking, before giving them for peer review to a developer.

Team


In the organization and conduct of SRI involved about a hundred people. These are developers of interfaces from all of Yandex from all departments, even from business units. Someone helps to compose a program, someone lectures or supervises shrikatony. Since there are a lot of organizers, this does not greatly hinder the current work tasks of the employees. For them, there is also a benefit: they learn to teach others, to mentor and, in general, to do more complex projects. Win-win.

People


As in our vacancies and internships, there are no age restrictions. We are waiting for university students and specialists who have minimal front-end development experience. For us it is important that a person has the desire and ability to learn.

A student of SRI is in a borderline state: he already knows something and is able, but he may lack system knowledge and experience in team development in large companies, he lacks practice. SRI does not teach from scratch.

In this case, you can not be just a front-end, but be engaged, for example, in design, technical project management or backend development. In any case, if your knowledge and experience is enough to perform the test task, it makes sense to go to study in SRI. In-depth knowledge of the frontend will allow you to better understand the problematic of your colleagues.

If every designer and manager we work with had such a level of understanding of interface development, everyone would definitely be better off.

Over the years of the School, we noticed that the developers who come to work at Yandex from SRI show excellent results on the internal review.

We associate this with the fact that Shrishnikov has the right way of thinking and the archetype of the student. They look at the world with open eyes, do not hesitate to ask if something is incomprehensible. They are able to work independently and easily unite with others.

From other cities


We bring students from all over Russia, because active study and living together with like-minded people creates a very intensive regime - thereby pulling them out of the home context. It is like a summer camp, a student hostel, or a popular coliving format. Some participants from Moscow are jealous and ask to be hooked up with fellow students in a hostel.

Part time education


This year, the first stage with lectures and homework can be done in absentee mode, remotely - directly from your city. But at the second stage it is necessary to come to Moscow, since the magic of teamwork begins further. While we do not know how many places will be available for remote training. Here the psychological moment of group dynamics is important, it is important to feel the involvement in the group.

We want students who study on the same stream, communicate with each other, become friends. If half of the applicants learn remotely, and the flow is too large, for example, 100 people, then there will be an unpleasant effect of being alone in a crowd. Therefore, on one stream, we usually have 30-40 students.

Statistics transitions in Yandex


From each stream of the last years we take on internships and vacancies from 60% to 70% of graduates.

A total of 539 students studied at SRI, 244 of them became employees of Yandex (not counting those who were only on internships). Now the company has 163 graduates.

Since last year’s Schools, we have employed 59 people in the company: 29 interns, 30 full-time developers. Graduates work in a variety of Yandex services: Direct, Search, Mail, home page, Market, Geoservices, Auto, Zen, Metric, Health, Money.

BEM and hybrid approach to mobile development


SRI is not tied to BEM. Of course, if we talk about the development of interfaces, we mean the one that has developed in Yandex - that is, large loads, many users, high quality standards and attention to detail. Even to create small regional sites, it is important to understand the foundation of the profession, to understand what can be saved and why, and what is not. At the request of students, we devoted one of the lectures to BEM, since this methodology has become a standard in many places.

We teach exactly web development and related technologies, as well as mobile development and mobile layout in the context of web technologies, we use a hybrid approach to creating applications. Therefore, in SRI, we are not concerned with aspects of native programming in Swift, Objective-C, Cocoa, C ++, Java. Also, do not touch the development of React Native.

Open webinar


This Wednesday, June 19, at 19:00 Moscow time, my colleagues and I will organize a webinar about the School - we will answer the questions of those who are thinking of enrolling or have already started to do the task (of course, I will also come to the comments on this post). Here is a link to YouTube, you can click "Remind".

What to read to prepare


Useful sites

- Modern JavaScript Tutorial
- WebReference

Books

- javascript. Detailed Manual (6th edition), David Flanagan
- Perfect code, Steve McConnell
- Refactoring. Improving existing code, Martin Fowler
- Git Book

Udacity Courses ( link )

- 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

Video

- Yandex Academy Channel
- Materials SRI
- Screencast by Node.js
- Webpack screencast
- Gulp screencast
- Essentials of ES6
- Javascript Tutorial For Beginners
- Javascript Fundamentals
- Modular Javascript
- React JS Tutorials
- Redux Tutorials
- LearnCode.academy
- CodeDojo
- javascript.ru
- Google Developers
- Microsoft Developer
- Facebook Developers
- Technostrim Mail.Ru Group
- NOU INTUIT

And you can try yourself in solving problems on CodeSignal .

This is not a complete list, there are many more useful materials. We rather want applicants to pay attention to certain topics, give them time. It is important that the students themselves want to look for information.

Source: https://habr.com/ru/post/456382/


All Articles