1

Этап 1

HTML / CSS

2

Этап 2

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

3

Этап 3

Git

4

Этап 4

Node.js

5

Этап 5

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

6

Этап 6

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

7

Этап 7

jQuery

8

Этап 8

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

9

Этап 9

Ajax

10

Этап 10

Нативный JavaScript

11

Этап 11

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

12

Этап 12

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

13

Этап 13

GitHub

1

Этап 1

HTML / CSS

2

Этап 2

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

3

Этап 3

Git

4

Этап 4

Node.js

5

Этап 5

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

6

Этап 6

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

7

Этап 7

jQuery

8

Этап 8

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

9

Этап 9

Ajax

10

Этап 10

Нативный JavaScript

11

Этап 11

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

12

Этап 12

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

13

Этап 13

GitHub

26 января 2015 01 января 2016
Цель просрочена на 3232 дня

Цель заброшена

Автор не отписывался в цели 9 лет 5 месяцев 11 дней

Общая

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

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

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

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

 Критерий завершения

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

 Личные ресурсы

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

  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

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

  • 3881
  • 26 января 2015, 16:38
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?