1

Step 1

HTML / CSS

2

Step 2

Адаптивность / Отзывчивость

3

Step 3

Git

4

Step 4

Node.js

5

Step 5

Bootstrap и подобные CSS-фреймворки

6

Step 6

Методология БЭМ

7

Step 7

jQuery

8

Step 8

Препроцессоры

9

Step 9

Ajax

10

Step 10

Нативный JavaScript

11

Step 11

Клиентские библиотеки или JS-фреймворки

12

Step 12

Билд-системы для JS: gulp.js, grunt, middleman

13

Step 13

GitHub

1

Step 1

HTML / CSS

2

Step 2

Адаптивность / Отзывчивость

3

Step 3

Git

4

Step 4

Node.js

5

Step 5

Bootstrap и подобные CSS-фреймворки

6

Step 6

Методология БЭМ

7

Step 7

jQuery

8

Step 8

Препроцессоры

9

Step 9

Ajax

10

Step 10

Нативный JavaScript

11

Step 11

Клиентские библиотеки или JS-фреймворки

12

Step 12

Билд-системы для JS: gulp.js, grunt, middleman

13

Step 13

GitHub

26 January 2015 01 January 2016
outdated
Details Briefly

Goal abandoned

The author does not write in the goal 11 years 25 days

Goal author

Ekaterina Sava

Russia, Москва

11 years old

Send message

Add to friends

General

Технологии и методы, необходимые к освоению, чтобы стать полноценным frontend-developer'ом

Хочу составить для себя список технологий, приемов, методов, которые необходимо изучить для полноценного фронтэнда. На данный момент имеются хорошие знания HTML и CSS (но я все равно добавлю их в свой список). Кое-что уже освоено в теории и необходима практика, некоторые вещи просто требуют длительного опыта использования, ну а многое потребуется освоить с нуля. Возможно (а скорей всего так и будет), список будет пополняться и редактироваться.

При составлении данного списка я использовала данную статью и ответы пользователей ресурса Toster на свой же вопрос

Буду рада любым конструктивным комментариям :)

 Goal Accomplishment Criteria

Изучить все, обозначенные в списке, технологии

 Personal resources

тематические веб-ресурсы, книги, коллеги

  1. HTML / CSS

    Считаю эти технологии освоенными, за исключением Canvas'а, который относится к HTML5, но требует JS. Возможно, позднее добавлю его в список как отдельную технологию.

  2. Адаптивность / Отзывчивость

    Теория ясна. Мало практики.

    1. Media-queries

    2. Резиновость

    3. Адаптивность

    4. Mobile-first

  3. Git

    Вроде бы знаю и понимаю, но есть чувство, что "не до конца". В основном хочется "прошерстить" теорию, хотя и "Pro Git" уже прочитан.

  4. Node.js

    С нуля. Вообще надо понять: надо оно мне или нет. Разберусь позже.

    1. CodeSchool: Real-time Web with Node.js (Level 1)

  5. Bootstrap и подобные CSS-фреймворки

    Принцип работы понятен, требуется практика.

    Плюс необходимо рассмотреть альтернативы (хотя бы в теории), список начну составлять ниже:

    • foundation.zurb.com
    • getskeleton.com
    • semantic-ui.com
    • purecss.io

  6. Методология БЭМ

    С нуля.

    1. Изучить теорию: зачем, куда и как

    2. Посмотреть доклады с конференций за 2014 год, связанные с БЭМом, для понимания текущего состояния

    3. Попробовать использовать

    4. Если это будет необходимо в работе (или я решу, что это стоит использовать), то, собственно, юзать и познавать в деле

  7. jQuery

    Желательный уровень владения: самостоятельно писать плагины. Но для начала пройти курсы на Codecademy и Code School.

    1. Codecademy: jQuery

    2. Code School: jQuery

    3. Дочитать книгу Каслдайн/Шарки "Изучаем jQuery"

  8. Препроцессоры

    На практике, в зависимости от удобства и/или задач, сделать выбор на одном из трех.

    1. Less

    2. Sass/Scss

    3. Stulys

    4. Rule

  9. Ajax

  10. Нативный JavaScript

    Пока сложно описать, что именно требует изучения: сделаю это позже.

    Так. Первыми пунктами будут - пройти курсы на Codecademy и Code School.

    1. Codecademy: JS

    2. Code School: JS

    3. Hexlet: JS

  11. Клиентские библиотеки или JS-фреймворки

    С нуля.

    1. Knockout

    2. Backbone

    3. Angular

    4. React

  12. Билд-системы для JS: gulp.js, grunt, middleman

    С нуля.

  13. GitHub

    Начать пользоваться.

  • 4421
  • 26 January 2015, 16:38

The goal is in the group

Веб-разработка

  • 1710

    members

  • 2430

    goals
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

only_for_pro_descr

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder