<КУРС ПО СОЗДАНИЮ САЙТА>
С НУЛЯ ДО РЕЗУЛЬТАТА
НАСТОЯЩИЙ FRONT ENDER

Что надо знать чтобы сделать сайт?

Зачем это надо знать?

Как мы будем Ваc этому учить?

Какой результат Вы от этого получите?


Читайте программу

Записывайтесь на вебинар, чтобы задать вопросы

Каждый четверг в 20:00 по МСК

ПРОГРАММА

скачать

ДЕНЬ 1 ВВОДНЫЙ СЕМИНАР №1

МЫ ХОТИМ ВАС УЗНАТЬ!

КАЖДЫЙ ИЗ ВАС ДЛЯ НАС УНИКАЛЬНЫЙ СТУДЕНТ И МЫ ХОТИМ ДАТЬ ВАМ МАКСИМУМ ОТ КУРСА.

ГДЕ ВСТРЕЧАЕМСЯ?

ВСЕ ВСТРЕЧИ ПРОХОДЯТ В НАШЕЙ ВИРТУАЛЬНОЙ КОНФЕРЕНЦ КОМНАТЕ НА WEB-ATOM.RU

КАКИЕ У НАС ЦЕЛИ?

МЫ ХОТИМ ЧТОБЫ ПО ОКОНЧАНИЮ КУРСА ВЫ СМОГЛИ ПОЛНОЦЕННО НАЧАТЬ РАБОТАТЬ ПО ФРОНТЭНДУ НА ФРИЛАНСЕ ИЛИ В ЛЮБОЙ КОМПАНИИ

КАК ПОСТРОЕН КУРС

МОДУЛЬНО С ЗАДАНИЯМИ ПО КАЖДОМУ МОДУЛЮ. ЗАДАНИЯ МОЖНО ВЫПОЛНЯТЬ В УДОБНОМ ДЛЯ ВАС ГРАФИКЕ.

ТЕХ. ПОДДЕРЖКА

СКАЙП, E-MAIL И СЕМИНАРЫ ПО КАЖДОМУ МОДУЛЮ НА ПРОТЯЖЕНИИ ВСЕГО КУРСА И ДАЖЕ ДОЛЬШЕ ЕСЛИ НАДО.

КАК ДОЛГО?

КУРС РАСЧИТАН НА 30 ДНЕЙ, НО ВЫ МОЖЕТЕ ПРОДЛИТЬ ТЕХ. ПОДДЕРЖКУ И СДАЧУ ФИНАЛЬНОГО ЗАДАНИЯ ЕЩЕ НА МЕСЯЦ И БОЛЕЕ.

МОДУЛЬ I

РАЗМЕТКА И
УПРАВЛЕНИЕ ВЕРСИЯМИ

HTML

Язык разметки. Без него не расставить элементы на веб странице. Основа основ web девелопмента.

    HTML <Базовый>

  • 3 часа видео инструкций.
  • Практика создания элементарной страницы.
  • Все необходимые основы для серьезной работы.

GIT

Сразу начинаем управлять версиями, создавать ветки и боевые сайты. Это основа командной работы и быстрой коррекции ошибок без потери данных.

    Весь GIT за час

  • Все азы GIT и даже больше.
  • Как создавать мастер и ветки.
  • Как откатываться и смотреть историю и многое другое.

Задание (I)

Результат

  • Сверстать простую страницу используя элементы HTML по нашему макету.
  • Можно использовать свою страницу согласовав с нами ее функционал.
  • Разместить страницу на нашем сервере.
  • Хостинг одного домена предоставляется бесплатно на 1 год для размещения портфолио и финального задания.
  • Тех поддержка через e-mail или конференц связь в течении всего курса.
  • Для начала Вам понадобится свой домен.
  • Хорошее понимание азов веб верстки.
  • Умение решать задачи, которые не решали до этого.
  • Умение размещать сайты на доменах, соединятся по FTP и прописывать DNS.
  • Понимание каким образом управлять версиями через GIT, откатывать к предыдущим вресиями и создавать ветки.
  • 99% того что Вам нужно будет постоянно использовать в HTML5 в реальной работе Вы уже попробуете на первом задании.

ДЕНЬ 7 — СЕМИНАР №2

РАЗБОР ИТОГОВ МОДУЛЯ HTML GIT

РАЗБОР ЗАДАНИЙ МОДУЛЯ II LESS CSS

ВОПРОСЫ, ПРОБЛЕМЫ, РЕШЕНИЯ

МОДУЛЬ II

СТИЛИ

CSS

Без знания CSS не возможно сделать красивым ни один сайт. Это как костюм или красивая одежда.

    CSS <Базовый>

  • 9 часов видео семинаров.
  • Практикуем дальше с тем как использовать CSS.
  • Много нюансов и технических рабочих подробностей.

LESS

Рано или поздно Ваш проект разрастется и Ваши стили превратятся в хаотичную не понятную некому структуру. Чтобы этого не произошло учимся пользоваться LESS.

    Мастеркласс LESS

  • LESS - это не сложно после того как Вы изучили CSS. Подробный мастер класс и не много практики сделают свое дело.

Задание (II)

Результат

  • Создаем ветку dev в GIT и мерджим с предыдущим вариантом.
  • Новый макет содержит стили и более сложную разметку, но является наследником от предыдущего задания в первом модуле.
  • Начинаем использовать GULP и эффективно собирать CSS файлы.
  • Во первых это будет Ваша первая склейка двух версий сайта. Во вторых работа со стилями это очень серьезный и весьма широкий раздел.
  • На данном этапе Ваш сайт уже преобретет современный вид и Вы сразу научитесь эффективно управлять стилями через LESS.
  • Вы поймете что значит первый пункт из Задания, что такое мерджить и как правильно создавать GIT workflow.

ДЕНЬ 14 — СЕМИНАР №3

РАЗБОР ИТОГОВ МОДУЛЯ CSS LESS

РАЗБОР ЗАДАНИЙ МОДУЛЯ III BOOTSTRAP

ВОПРОСЫ, ПРОБЛЕМЫ, РЕШЕНИЯ

МОДУЛЬ III

АДАПТИВНАЯ ВЕРСТКА

BS

Bootstrap — это фреймворк позволяющий Вам делать адаптивные сайты. На сегодняшний день 80% траффика идет со всего что угодно кроме настольного компьютера.

    Bootstrap Framework

  • Запись нашего 3-х дневного вебинара по Bootstrap.
  • 7 часов о том что можно делать с помощью этого фреймворка.

Задание (III)

Результат

  • На данном этапе самое время адаптировать все что у нас уже сверстано под все экраны на свете.
  • Мы подготовили для Вас шаблон предыдущих макетов под IPhone 6, но и не забыли о том чтобы поместить Вас в суровые действительности и будем проверять задание на всех экранах.
  • Научитесь делать адаптивное меню.
  • Наконец познакомитесь в известной адаптивной сеткой Bootstrap.
  • Научитесь прятать отдельные элементы и подставлять другие в тех случаях когда это необходимо.

ДЕНЬ 23 — СЕМИНАР №4

РАЗБОР ИТОГОВ МОДУЛЯ BOTSTRAP

РАЗБОР ЗАДАНИЙ МОДУЛЯ IV JAVASCRIPT

ВОПРОСЫ, ПРОБЛЕМЫ, РЕШЕНИЯ

МОДУЛЬ IV

ИНТЕРАКТИВНАЯ ЧАСТЬ

JS

99% что рано или поздно придется столкнутся с JavaScript и азы здесь не помешают. Всплывающие окна, интересная анимация и другой интересный функционал всегда нужно иметь под рукой.

    JS <Базовый>

  • 8 часов видео уроков.
  • Селекторы, события, jQuery, AJAX
  • Всё, что надо начинающему разработчику.

Задание (IV)

Результат

  • Пришло время добавить всплывающие окна, формы, слайдеры, табы и прочие интересные элементы с помощью разнобразных возможностей Java Script.
  • Вы научитесь и поймете как правильно и в какой момент надо использовать JavaScript.
  • В том числе узнаете как создавать формы, как делать слайдеры, вкладки, а так же другие интересные веб элементы.

ДЕНЬ 29 — СЕМИНАР №5

РАЗБОР ИТОГОВ МОДУЛЯ JAVASCRIPT

РАЗБОР ЗАДАНИЙ МОДУЛЯ IV PHP

ВОПРОСЫ, ПРОБЛЕМЫ, РЕШЕНИЯ

МОДУЛЬ V

МОЗГ И БАЗА ДАННЫХ

PHP

Азы PHP нужны для front end разработчика для решения базовых задач без backend и общего понимания более функциональных возможностей проектов.

    PHP <Базовый>

  • 8 часов видео уроков.
  • Делаем формы, изучаем базовые конструкции.
  • Учимся общаться с базый данных.

Задание (V)

Результат

  • Сбор данных из форм предыдущего курса в базу данных и отправка подтвердительных писем.
  • Учимся ставить open server на локальную машину для отработки скиптов PHP.
  • Пришло время взглянуть на процессы со стороны бекенда.
  • Вы научитесь обрабатывать информацию получаемую от пользователей, сохранять ее в свою базу данных и отправлять письма после обновления информации.

ДЕНЬ 31 — СЕМИНАР №6

РАЗБОР ИТОГОВ МОДУЛЯ PHP

ПРОВЕРКА И ПРИЁМКА ФИНАЛЬНЫХ ЗАДАНИЙ

РЕКОМЕНДАЦИИ ПО ТРУДОУСТРОЙСТВУ

ВЫДАЧА СЕРТИФИКАТОВ

ДАЛЬНЕЙШИЕ РЕКОМЕНДАЦИИ

30 ДНЕЙ

  • Пожизненный доступ ко всем материалам с курса.
  • Пожизненный доступ к более 30 часам видео лекций - HTML, CSS, PHP, BOOTSTRAP, LESS, GIT.
  • 5 семинаров в течении 30 дней.
  • Профессиональная техническая поддержка и консультация по любым вопросам.
  • Доступ на 30 дней ко всем другим материалам web-atom.ru

22900

РУБ

ЕЩЁ 30 ДНЕЙ

  • Не успеваете сдать финальное задание, нужна еще помощь, остались еще вопросы, можно продлить еще на 30 дней.
  • Вы можете просто подписаться на наши консультации по профессиональным вопросам на месяц.
  • Если Вы не были участником курса, то данная опция предоставит Вам доступ ко всем материалам web-atom.ru На 30 дней.

6900

РУБ

60 ДНЕЙ

  • Абсолютно идентичные условия, только на ериод в 60 дней.
  • Никакой спешки, пройдите все семинары за первые 30 дней и спокойно выполняйте задания и обучайтесь в течении 60 дней.
  • Экономия более 15% и на много больше времени для вдумчивого прохождения курса.

24900

РУБ

Остались вопросы?

Приходите на вебинар каждый четверг

Напишите нам!

Ищите ответы в ЧЗД.


БЛИЖАЙШИЕ СТАРТЫ

23/09/17

ОСТАЛОСЬ МЕСТ: 0

записаться

11/10/17

ОСТАЛОСЬ МЕСТ: 5

29/10/17

ОСТАЛОСЬ МЕСТ: 3


ИТОГО, ЕЩЁ РАЗ КРАТКО

КАК ВСЁ БУДЕТ

ЧАСТО ОТВЕЧАЕМЫЕ ОТВЕТЫ

  • Курс состоит из 5 модулей. На первом модуле Вы изучаете GIT и HTML, на втором LESS и CSS, на третьем адаптивную верстку и фреймворк BOOTSTRAP, на четвертом JAVASCRIPT и на пятом PHP.
  • На первом модуле мы начинаем создавать проект из простой HTML страницы. Так же создаем систему управления версиями. Первое задание не такое простое как кажется, в нем скрыты знания из второго модуля, но это для «монстров».
  • На втором модуле мы добавляем стили CSS, красоту и анимацию, и таже страница становится уже более современной. Так же на данном этапе Вы должны будите начать использовать GRUNT для полноценной сборки всех своих css файлов , скриптов, картинок и т.д.
  • С каждым заданием Ваша страница будет обновляться. Вы научитесь работать с версионностью. Боевая версия всегда будет работать пока Вы не сдадите нам новое задание после чего, Вам необходимо будет выполнять слияние версий с помощью GIT.
  • На третьем этапе Вы делаете Вашу страницу резиновой, то есть способной адаптироваться под все версии экранов.
  • По каждому заданию мы подготовили для Вас макеты в PDF, но Вы можете использовать свои если функционал Ваших макетов будет соответсовать всем нашим требованиям. Наша цель обучить Вас согласно стандартов и учесть все нюансы, которые могут понадобиться Вам в будущей работе поэтому мы так же ознакомим Вас с азами Illustrator которые скорее всего понадобятся разработчику.
  • На четвертом этапе мы добавляем формы, слайдеры, табы и прочий функционал связанный с использованием Java Script.
  • На протяжении всего времени Вы имеете полное право на техническую поддержку с нашей стороны. Все заявки на поддержку оформляются в виде тикетов и разрешаются в письменном виде в течении 24 часов. В некоторых случаях мы связываемся с Вами через Skype чтобы решить вопросы быстрее и эффективнее.
  • Наконец на пятом этапе Вы сдаете свое финальное задание. К формам, которые мы создали с помощью JavaScript в модуле 4 мы прикручиваем обработку с помощью PHP. В данном задании Вы научитесь отправлять письма с формы, а так же взаимодействовать с внутренней базой MYSQL.
  • Абсолютно вся информация, которая Вам понадобится находится на видео лекциях, которые становятся доступными для Вас после начала курса.
  • Мы ограничили время для курса в 35 дней, так как это максимальный срок когда мы можем осуществлять техническую поддержку в рамках первого Договора, но Вы можете продлевать свое обучение раз в месяц и продолжать получать помощь от нас в решении любых вопросов и не только относящихся к существующим заданиям.
  • Курс считается пройденным после сдачи финального задания. По факту сдачи Вы попадаете в базу данных Web Atom как сертифицированный специалист и при Вашем согласии Ваши данные заносятся на общедоступную доску специалистов Web Atom.
  • Ваша финальная работа остается на нашем хостинге сроком на 1 год. Вы можете забрать ее в любой момент.
  • Промежуточные задания не имеют срока к исполнению, но будет лучше если Вы будите заканчивать их до начала семинаров по окончанию модулей и началу новых.
  • По факту начала каждого модуля будет проводится живой семинар с преподавателем в нашей виртуальной конференц комнате где Вы сможете задать вопросы по пройденному матералу, а так же получить задания на новый модуль.
  • Все материалы по курсу доступны Вам без ограничения по срокам. Все дополнительные материалы на Web Atom не касающиеся курса также будут Вам доступны, но только на протяжении текущего курса.
  • Если Вы просто подписались на нашу техническую поддержку, то данный опционал позволяет Вам иметь доступ ко всем материалам Web Atom и иметь подержку черз e-mail, но не включает в себя семинары, задания с проверкой и сертификаты.
  • Так же, но об этом мы Вам не говорили, мы будем устраивать Вам проф. проверки. Переодически заходить на домены Ваших работ, связываться с Вами на промежуточные собеседования, узнавать как у Вас дела и наблюдать за Вашей активностью. Нам интересно, чтобы в конце курса Вы получили результат, а для этого нам хочется видеть куда Вы движетесь.

<КУРС ПО СОЗДАНИЮ САЙТА>
С НУЛЯ ДО РЕЗУЛЬТАТА
НАСТОЯЩИЙ FRONT ENDER