Front End
Первые шаги
Online kursy

Это небольшой вводный курс для тех, кто хочет освоить принципы современной front-end разработки. В ходе курса мы познакомимся с рядом технологий/инструментов (git, npm, gulp, dev-server, api-server) и напишем маленькое приложение (js, es6, scss, bootstrap, jQuery, ajax).

Начать!
Задания квеста
  • Основы распределенной работы, Git и Bitbucket
  • Создание npm-проекта, package.json
  • Автоматизированная сборка проекта, gulp.js
  • Внешние зависимости на примере jQuery и Bootstrap
  • Надстройки на примере SASS и ES6
  • Сервер разработки, API сервер
  • Вопросы окружения
Хватит болтать, давай уже учиться!

Менторы, выдающие этот квест

«Добро пожаловать во Frontend! Это поражающие своей красотой и легкостью технологии. Это непрерывное развитие в нарастающем темпе, опережающем само время. Это дверь, это тысячи дверей в новый мир))»

Как проходит выполнение квеста

На деле это будет выглядеть примерно так:

  1. Приняв решение о начале обучения, ты получишь доступ к волшебной кнопке «Начать квест» из меню «Обучение»

    00 start ru
  2. Перед тобой появится список заданий. В зависимости от выбранного квеста, количество заданий будет отличаться, но неизменным будет одно: доступ к новым заданиям будет открываться по мере прохождения. Как в компьютерной игре. Без спойлеров!

    00 task1 ru
  3. Дальше ты читаешь, что от тебя требуется, и выполняешь этот квест. Вот здесь и начинаются твои “а что?”, “а где?”, “а как?”, и ментор на них отвечает. И хотя в самом задании указаны ссылки на материалы, которые тебе нужно изучить, чтобы понять, как выполнить задание, будет не лишним уточнить у ментора, правильно ли ты всё делаешь.

  4. Сделал? Отлично! Отправляешь результат работы на проверку и ждёшь результата, пока ментор тщательно проверяет твой код. В журнале задания отображается текущий статус задания. Подробнее, о том, как и куда отправлять, в описании самого квеста.

    00 success ru
  5. Приступаешь к следующему заданию, и повторяете так до самого конца, пока не дойдёте до цели в виде готового, работающего веб-приложения.

    00 next task ru

В процессе обучения ты будешь получать уведомления на почту об успешном завершении заданий. Также, письма будут приходить если в течение какого-то времени ты не проявлял активностей. У нас много разных способов потыкать в тебя палочкой и убедиться, что ты справляешься с поставленной задачей. Ментор не оставит тебя без внимания, но в конечном счёте, процесс и прогресс обучения зависит лишь от тебя.

Step5

Подождите, у меня остались вопросы...

Vopros
Я уже разработал пару простых приложений, имеет смысл идти на этот курс?

В этом курсе мы тоже пишем простое приложение, даже очень простое. Но при этом мы применяем комплексный подход при разработке, дающий такой спектр возможностей, который многократно перекрывает потребности итогового продукта. Так что смотрим программу курса и делаем выводы самостоятельно! К тому же всегда можно пробовать пройти курс по ускоренной схеме)

Я верстальщик...

Супер! Будем стремительно расширять сознание. И конечно, нужно посвятить время самостоятельному изучению javascript и парадигм программирования в целом. Логика и методы верстки во многом специфичны. Необходимо постепенно переводить мышление на более высокий уровень абстракции.

Ненавижу Bootstrap!

Не смотря на распространенное мнение о несправедливости мира, мы готовы идти навстречу в любом вопросе. Конечно же, в плане обучения нет принципиальной разницы между Bootstrap и, скажем, Material design. Мы можем взять любой фреймворк по вкусу, все равно мы не успеем в достаточной мере насладиться им. Пусть только он будет опубликован через npm..

А webpack будет?

Webpack приходит и уходит. Как и gulp, с которым мы имеем дело в данном курсе. У нас нет задачи освоить один инструмент или набор инструментов. Мы всего лишь хотим понять, что такое сборка в терминах front end, убедиться на собственном опыте, что это работает. И у нас не так много времени, чтобы попробовать все) И тем не менее, да, мы можем пробовать решать отдельные задачи с помощью webpack, интегрируя его в gulp. Это полезный опыт и мы можем его получить в дополнение к основному курсу.

Функциональное программирование?

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

Мне нравится программа, но я бы еще хотел...

Инициатива - это замечательно! Пробуем X или Y. Или даже Z. Вполне может быть, что результаты наших экспериментов со временем попадут в основную программу курса.

А мне будут выдавать тонну теории?

Скорее, нет, не будут. Немного теории об архитектуре проектирования и паттернах можно будет изучить по ходу разработки проекта. При этом всякое достаточно важное или спорное место в заданиях будет сопровождаться ссылкой/ссылками на внешние ресурсы, преимущественно на документацию.

О нашем подходе к поиску информации мы даже написали целую статью Лучшие ресурсы для изучения программирования.

F.A.Q.