프런트엔드의 협업 및 자동화. 13개 학교에서 배운 것

안녕하세요 여러분. 동료들은 최근 이 블로그에 다음과 같이 썼습니다. 등록이 열렸습니다 모스크바의 다음 인터페이스 개발 학교로 이동합니다. 저는 2012년에 학교를 창안한 사람 중 한 명이었고 그 이후로 계속해서 학교에 참여해 왔기 때문에 새 세트에 매우 만족합니다. 그녀는 진화했습니다. 그로부터 폭넓은 전망과 프로젝트의 프런트엔드와 관련된 모든 것을 맡을 수 있는 능력을 갖춘 작은 세대의 개발자들이 탄생했습니다. 졸업생 중 일부는 Yandex에서 일하고 다른 졸업생은 그렇지 않습니다.

SRI - 서비스형: 또한 다양한 형식의 상호 작용, 자동화 및 실험이 필요합니다. 이것이 바로 오늘 Habré에서 이야기할 내용입니다. 후보자들에게 유용한 링크도 있을 것입니다.

너무 많이 반복하고 싶지는 않습니다. SRI 2019에 대한 모든 기본 정보는 웹사이트에 있습니다. 다른 도시 출신의 남성들을 위한 기회에 대해 상기시켜 드리겠습니다. 결석으로 첫 번째 부분(7월 25일부터 XNUMX월 XNUMX일까지)에 참여하고 싶다면 신청서에 표시하세요. 물론, 우리는 시험 과제에 대처하는 사람들에게 풀타임 참여를 거부하지 않을 것입니다. 호스텔과 식사비는 우리가 지불할 것입니다.

프론트엔드 개발에 관심이 있지만 실무가 부족한 모든 분을 SRI에 초대합니다. 학교 기간 동안 학생들은 팀 개발 경험을 쌓고 시스템 사고를 배우며 Yandex 및 유사한 회사에서 향후 작업에 필요한 기술을 개발합니다. SRI 졸업생의 경력 경로는 다음과 같습니다. 처음에는 주니어 개발자가 되고, 그 다음에는 개발자가 되고, 최종적으로는 팀 리더가 됩니다.

심페로폴, 민스크, 예카테린부르크, 상트페테르부르크 등 이 학교가 열렸던 모든 도시를 고려하면 이것은 모스크바의 일곱 번째 학교이자 열네 번째 학교가 될 것입니다. 우리는 유연한 프로젝트를 가지고 있습니다. 학생들의 피드백을 들을 때마다 우리는 학생들의 필요와 업계 변화에 따라 무언가를 변경, 제거, 추가합니다.

시작일

우리는 입문 작업을 매우 어렵게 만듭니다. 모스크바 채용 배정의 의미는 다음과 유사합니다. 스리랑카 민스크에 있었어 올해. 동적 레이아웃, JavaScript 작성에 대한 문제를 제공하고 새로운 주제 영역을 이해해야 합니다. 저희 예상에 따르면 완료하는 데 5~7일이 소요되며, 어쩌면 조금 더 걸릴 수도 있습니다.

학교에 등록한 후 참가자는 두 단계를 거쳐야 합니다. 첫 번째 단계에서는 학생들이 강의를 듣고 숙제를 한 후 수업 시간에 교사 및 다른 학생들과 함께 복습합니다. 그 결과 강력한 시너지 효과가 발생합니다.

강의 중 하나는 반드시 나머지 강의보다 훨씬 더 집중적인 형식으로 진행됩니다. 여기서 우리는 알고리즘을 연구합니다. 학생들은 몇 시간 연속으로 실제 핵심 알고리즘 기술을 배웁니다.

두 번째 단계에서는 참가자들이 소규모 팀으로 서로 연합하여 해커톤 모드(우리는 이를 슬래사톤이라고 함)로 작업합니다. 두 번째 단계 전체에서 학생들은 Yandex 직원의 멘토링을 받아 실제 프로젝트를 진행합니다. 최종적으로 프로젝트 방어. 가장 성공적인 기업은 실제 생산에 들어갈 기회를 갖습니다.

항상 그런 것은 아닙니다.

SRI는 어떻게 변화했나

2012년에 처음으로 학교를 열었습니다. 처음에는 우리 자신에게 전문가가 부족하다는 생각이 있었고 그들을 "성장"시키기로 결정했습니다. 하지만 그때에도 우리는 학생들이 나중에 일할 수 있는 곳을 제한하지 않았습니다. 높은 수준의 과제를 해결하는 것이 중요합니다. 즉, 프런트엔드에 대한 깊은 이해를 바탕으로 졸업생을 생태계로 돌려보내서 더 큰 생태계를 강화하는 것입니다. 개발자와의 컨퍼런스 및 미팅에서 이 프로세스가 어떻게 결실을 맺는지 확인할 수 있습니다.

형식 및 프로그램

이전에는 숙제 강의와 최종 프로젝트 방어만 있었습니다. 또한, 강의는 학생들의 기본 지식 수준에 맞게 설계되어 광범위합니다. 점차적으로 우리는 이것이 별 의미가 없다는 것을 깨달았습니다. 모든 정보는 이미 온라인에서 이용 가능합니다. 학생들이 스스로 필요한 정보를 찾도록 동기를 부여하고 올바른 벡터를 제공하며 일반적으로 학습에 대한 열망을 심어주는 것이 더 중요합니다. 또한 수년간 SRI를 수행하면서 기본 주제에 대한 많은 자료를 축적하고 정기적으로 업데이트합니다.

이제 우리는 숙제를 공개적으로 검토하는 데 더 집중하고 있습니다. 이는 교육 과정의 중요한 부분입니다. 각 강의 후 각 주제의 가장 일반적인 문제에 대한 공동 분석은 실제로 자료를 통합하는 데 도움이 됩니다.

Srikathon 형식이 발명되었을 때 프로세스가 어느 정도 향상되었습니다. 그 전에는 학생들이 집에서 혼자 최종 프로젝트를 준비했습니다. 팀워크를 향상시키는 것이 더 효과적일 것이라고 생각했습니다. 이 기술은 소규모 회사에서 일하는 초보 인터페이스 개발자라면 얻기 어렵고, 프리랜서라면 더욱 그렇습니다. srikathons에서 각 팀에는 숙련된 개발자인 Yandex의 멘토가 있으며 이들은 학생들이 관계를 구축하고 작업 프로세스를 구축하도록 돕습니다.

쉬리카톤 중 하나

2017년 모바일 제품 개발을 위한 교육 프로젝트인 '모빌리제이션(Mobilization)'을 진행하면서 연합학교 형식을 시도하기도 했습니다. SRI, School of Managers, School of Mobile Development 및 School of Mobile Design의 학생들이 동시에 팀으로 통합되었습니다.

올해 우리는 비슷한 일을 반복하고 싶습니다. 스리랑카와 스리랑카에서 온 학생들이 혼합된 팀을 만들 것입니다. 백엔드 개발 학교.

테스트 작업 확인

매년 시험 과제는 지원자에게 조금 더 어려워지고 우리에게는 시험 확인이 조금 더 쉬워집니다. 첫 번째 학교에는 수십 개의 지원서가 접수되었으며, 그런 다음 우리는 이를 수동으로 확인했습니다. 올해에는 약 2,000개의 지원자가 있을 예정입니다. 우리는 검증 프로세스를 최적화해야 했습니다. 단일 체크리스트를 만들고 많은 사람들에게 작업 검증을 배포했습니다. 우리는 지난 ShRI에서 이미 시도했으며 이번 ShRI에서는 검증 프로세스의 다양한 자동화 및 반자동화를 강화할 것입니다. 예를 들어, 전문가 평가를 위해 개발자에게 제출하기 전에 자동 테스트를 사용하여 작업을 신속하게 확인할 것입니다.

팀

약 100명의 사람들이 SRI를 조직하고 수행하는 데 참여하고 있습니다. 이들은 Yandex 전체, 모든 부서, 심지어 사업부의 인터페이스 개발자입니다. 일부는 프로그램 작성을 돕고, 다른 일부는 강의를 하거나 강의를 감독합니다. 주최자가 많기 때문에 직원의 현재 업무에 크게 방해가되지 않습니다. 그들에게는 이점도 있습니다. 그들은 다른 사람을 훈련하고 멘토링하는 방법을 배우고 일반적으로 더 복잡한 프로젝트를 수행합니다. 윈윈.

사람들

직업이나 인턴십과 마찬가지로 연령 ​​제한도 없습니다. 프론트엔드 개발 경험이 최소인 대학생 및 전문가를 기다립니다. 사람이 배우려는 욕구와 능력을 가지고 있다는 것이 우리에게 중요합니다.

SRI 학생은 경계선 상태에 있습니다. 그는 이미 무언가를 알고 있고 할 수 있지만 대기업의 팀 개발에 대한 시스템 지식과 경험이 부족할 수 있으며 실습이 부족합니다. SRI는 처음부터 가르치지 않습니다.

동시에 당신은 프론트엔드 개발자가 아닐 수도 있지만 오히려 디자인, 기술 프로젝트 관리, 백엔드 개발 등에 참여할 수도 있습니다. 어쨌든 귀하의 지식과 경험이 테스트 작업을 완료하기에 충분하다면 SRI에서 공부하는 것이 합리적입니다. 프론트엔드에 대한 심층적인 지식을 통해 동료의 문제를 더 잘 이해할 수 있습니다.

우리와 함께 일하는 모든 디자이너와 관리자가 인터페이스 개발에 대해 이 정도 수준의 이해를 갖고 있다면 모두가 확실히 더 나아질 것입니다.

수년간 학교를 운영하면서 우리는 SRI에서 Yandex로 일하러 온 개발자들이 내부 리뷰에서 우수한 결과를 보이는 것을 확인했습니다.

이는 SRI 학생들이 올바른 사고방식과 학생 원형을 갖고 있기 때문이라고 생각합니다. 그들은 눈을 뜨고 세상을 바라보며, 명확하지 않은 것이 있으면 주저하지 않고 질문합니다. 그들은 독립적으로 일하는 방법을 알고 있으며 다른 사람들과 쉽게 팀을 구성할 수 있습니다.

다른 도시에서

우리는 러시아 전역에서 학생들을 데려옵니다. 활발한 학습과 같은 생각을 가진 사람들과 함께 생활하는 것은 매우 집중적인 체제를 만들어서 그들을 고향에서 벗어나게 하기 때문입니다. 여름 캠프, 학생 기숙사, 요즘 유행하는 코리빙 형식과 같습니다. 모스크바에서 온 일부 참가자들은 질투심이 많아 동료 학생들과 함께 호스텔로 이사해 달라고 요청합니다.

파트타임 학습

올해 강의와 숙제가 포함된 첫 번째 단계는 통신 모드에서 원격으로, 즉 도시에서 직접 완료할 수 있습니다. 그러나 두 번째 단계에서는 팀워크의 마법이 시작되기 때문에 모스크바로 와야합니다. 원격 학습에 사용할 수 있는 장소가 얼마나 될지는 아직 알 수 없습니다. 여기서는 그룹 역학의 심리적 측면이 중요합니다. 그룹에 소속감을 느끼는 것이 중요합니다.

같은 흐름으로 공부하는 학생들이 서로 소통하고 친구가 되기를 바랍니다. 지원자의 절반이 원격으로 공부하고 흐름이 너무 크면(예: 100명) 군중 속에 외로움이라는 불쾌한 효과가 있을 것입니다. 따라서 일반적으로 한 스트림에는 30~40명의 학생이 있습니다.

Yandex로의 전환 통계

최근 몇 년간 각 스트림에서 인턴십 및 공석을 위해 졸업생의 60%~70%를 채용합니다.

총 539명의 학생이 SRI를 졸업했으며 그 중 244명이 Yandex 직원이 되었습니다(인턴십만 한 학생은 제외). 현재 회사에는 163명의 졸업생이 근무하고 있습니다.

작년 학교 이후 우리 회사에는 인턴 59명, 정규 개발자 29명 등 총 30명을 고용했습니다. 졸업생은 Direct, Search, Mail, 메인 페이지, Market, Geoservices, Auto, Zen, Metrica, Health, Money 등 다양한 Yandex 서비스에서 일합니다.

모바일 개발에 대한 BEM 및 하이브리드 접근 방식

SRI는 BEM에 묶여 있지 않습니다. 물론, 인터페이스 개발에 대해 이야기한다면 Yandex에서 개발된 종류, 즉 과도한 작업 부하, 많은 사용자, 높은 품질 표준 및 세부 사항에 대한 관심을 의미합니다. 소규모 지역 웹사이트를 만들더라도 직업의 기본을 이해하고, 무엇을 절약할 수 있고, 왜, 무엇을 할 수 없는지 이해하는 것이 중요합니다. 학생들의 요청에 따라 우리는 BEM에 대한 강의 중 하나를 진행했습니다. 왜냐하면 이 방법론이 여러 곳에서 표준이 되었기 때문입니다.

웹 개발 및 관련 기술은 물론 웹 기술의 맥락에서 모바일 개발 및 모바일 레이아웃을 가르치고, 애플리케이션 제작에 하이브리드 접근 방식을 사용합니다. 따라서 SRI에서는 Swift, Objective-C, Cocoa, C++, Java의 기본 프로그래밍 측면을 다루지 않습니다. 또한 React Native 개발에 대해서는 다루지 않습니다.

웨비나 열기

이번 주 수요일, 19월 19일, 00:XNUMX 모스크바 시간에 동료들과 저는 학교에 관한 웹 세미나를 조직할 것입니다. 등록을 고려 중이거나 이미 작업을 시작한 사람들의 질문에 답변할 것입니다. 이 게시물 댓글로 오세요). 여기 링크입니다 YouTube에서는 '알림'을 클릭할 수 있습니다.

준비하기 위해 읽어야 할 것

유용한 사이트

- 최신 JavaScript 튜토리얼
- 웹참조
 
서적

- 자바스크립트. 종합 안내서(제6판), David Flanagan
- 완벽한 코드, 스티브 맥코넬
- 리팩토링. 기존 코드 개선, Martin Fowler  
- 힘내 책
 
Udacity 강좌 (링크)

- 리눅스 명령줄 기초
— 브라우저 렌더링 최적화
— 웹사이트 성능 최적화
— 자바스크립트
— 웹 개발자를 위한 네트워킹
- HTML5 캔버스
— 반응형 이미지
— 반응형 웹 디자인 기초
— 오프라인 웹 애플리케이션
— 웹 도구 및 자동화
— 자바스크립트 테스트
— 프로그레시브 웹 앱 소개
— 소프트웨어 테스팅
— 객체지향 자바스크립트
 
동영상

- Yandex 아카데미 채널
- ShRI 자료
- Node.js의 스크린캐스트
- Webpack의 스크린캐스트 
- Gulp의 스크린캐스트
- ES6 기본
- 초보자를 위한 자바스크립트 튜토리얼
- 자바스크립트 기초
- 모듈식 자바스크립트
- React JS 튜토리얼
- 리덕스 튜토리얼
- LearnCode.아카데미
- 코드도조
- JavaScript.ru
- 구글 개발자
- Microsoft 개발자
- 페이스 북 개발자
- Technostream Mail.Ru 그룹
- 누 인튜이트

다음에서 문제를 해결해 보세요. 코드 신호.

이것은 완전한 목록이 아닙니다. 더 많은 유용한 자료가 있습니다. 우리는 지원자가 특정 주제에 주의를 기울이고 시간을 할애하기를 원합니다. 학생들이 스스로 정보를 검색하고 싶어하는 것이 중요합니다.

출처 : habr.com