Поток Контактная информация Наши работы Вйо Про нас

Что нужно знать начинающему фронтендщику

Мы ре­шили ни­ког­да не от­ве­чать су­хим «прос­ти­те, вы нам не под­хо­дите» кан­ди­датам, ко­торых мы не смог­ли взять. Увы, это тре­бу­ет мно­го дра­гоцен­но­го вре­мени, ко­торое бу­дет пот­ра­чено без оче­вид­ной для нас поль­зы. По­тому мы пуб­ли­ку­ем ори­ен­ти­ровоч­ный ми­нимум зна­ний для сов­ре­мен­но­го фрон­тен­дщи­ка. Ес­тес­твен­но, сле­ду­ет по­нимать, что дан­ные ак­ту­аль­ны на мо­мент пуб­ли­кации, и бук­валь­но за пол­го­да мо­гут ус­та­реть.

Итак.

  1. Зна­ние и по­нима­ние html&css.
    1. Те­ги — сво­бод­ное ори­ен­ти­рова­ние в воп­ро­сах о том, ка­кие те­ги и где ис­поль­зу­ют­ся. htmlbook.ru
    2. Се­ман­ти­чес­кая верс­тка — по­нима­ние то­го, за­чем нуж­но поль­зо­вать­ся те­гами section, article, nav и т.д.
    3. Се­лек­то­ры css — прос­тое пе­речис­ле­ние се­лек­то­ров от­кры­ва­ет не толь­ко хо­рошую па­мять, но и по­нима­ние прин­ци­пов ра­боты (все веч­но за­быва­ют се­лек­тор нас­ле­дова­ния «про­бел» или не мо­гут его наз­вать ина­че как «ну как бы ког­да од­но за дру­гим идет»).
    4. Свой­ства css. Осо­бен­но фун­да­мен­таль­ные, та­кие как display, box-sizing, float.
    5. Ме­тодо­логия «БЭМ» (в пер­вую оче­редь — сог­ла­шения по име­нова­нию). С по­нима­ни­ем, за­чем это де­ла­ет­ся.
    6. Зна­комс­тво с css-преп­ро­цес­со­рами. Нап­ри­мер, stylus
    7. Об­щая ос­ве­дом­ленность о но­вов­ве­дени­ях, ка­кие ис­поль­зу­ют­ся, ка­кие еще нет. Учить на­изусть не нуж­но, дос­та­точ­но знать о су­щес­тво­вании caniuse.com
  2. Ба­зовые (чи­тай: фун­да­мен­таль­ные) поз­на­ния в javascript и прог­рамми­рова­нии:
    1. О­ОП в об­щем. Ин­капсу­ляция, нас­ле­дова­ние, по­лимор­физм.
    2. О­ОП на javascript, и чем оно от­ли­ча­ет­ся от обыч­но­го. Вот и вот.
    3. javascript как event-oriented-programming. По­нима­ние то­го, что та­кое со­бытия (event) и как javascript ра­бота­ет.
    4. Асин­хрон­ные зап­ро­сы. За­чем и как они ра­бота­ют.
    5. Прик­ладное ис­поль­зо­вание js и его тон­кости. «Всплы­вание» со­бытий, при­мене­ние со­бытий к эле­мен­там, ко­торые по­яв­ля­ют­ся пос­ле заг­рузки стра­ницы.
    6. И толь­ко пос­ле это­го — jQuery.
  3. MVC:
    1. По­нима­ние, что со­бой яв­ля­ет и за­чем они нуж­ны.
    2. Ба­зовое (хо­тя бы) зна­комс­тво с од­ним из та­ких фрей­мвор­ков.