front-end
СЛОЖНОСТЬ
Начальный уровень (базовые знания не обязательны)

FRONT-END Разработчик

На курсах html и javascript вы изучите:

  • • структрурные составляющие html, css;
  • • Bootstrap фреймворк;
  • • как правильно писать код;
  • • правила стилизации элементов, работающих с JS;
  • • технологии создания адаптивной и резиновой верстки;
  • • Bootstrap и многое другое.

Знания, полученные после прохождения курса javascript и html для начинающих

После изучения html и javascript вы будете уметь:

  • • создавать веб-страницы с необходимыми компонентами;
  • • создавать полноценные интернет ресурсы;
  • • использовать возможности CSS для оформления портала и увеличивать его функциональность.

Личное портфолио после курсов web разработки. Во время уроков, кроме того, что вы будете учить html, будут практические задания, на основании которых будет формироваться личное портфолио. После окончания обучения эти работы можно предоставлять при собеседовании во время трудоустройства в выбранную IT компанию.

Сертификат от школы программирования в Харькове. Главное, по окончанию курсов html – это только те знания, которые вы получите. Каждый студент получит сертификат о том, что он закончил курс Front-end разработчика.

Бонусы каждого студента школы EasyCode после прохождения курса html и javascript. Каждый студент школы получит специальный бонус – занятие с профессиональным hr-специалистом. При помощи этого урока вы сможете узнать, как правильно проходить собеседование и том, как правильно создавать и подавать при трудоустройстве портфолио и резюме.

Перспектива после курсов html и javascript.

Мы тесно сотрудничаем с IT компаниями Украины и Харькова. После окончания обучению из резюме студентов формируется база, и лучшие рекомендуются к трудоустройству. Мы советуем присутствовать на всех занятиях, выполнять все домашние задания и практиковаться. Есть вопросы? Наши менеджеры помогут выбрать курс и проконсультируют по тому, как проходит обучение.

Рекомендуется наличие своего ноутбука
(если нет мы предоставляем свои ноутбуки).
СТАРТ
22.01.2018
ЗАНЯТИЯ
36
Кто такой Front-end разработчик?

Front-end разработчики – это специалисты, которые хорошо знают web программирование клиентской части веб-сервиса, сайта и приложения.

Они создают все то, что вы видите на экране своего компьютера, когда просматриваете какой-либо сайт ;)

Что делает Front-end разработчик?
  • - получает дизайн-макет будущего сайта
  • - разрезает макет на блоки и с помощью языка разметки HTML делает каркас будущего сайта
  • - придаёт вид каркасу с помощью языка стилей CSS
  • - с помощью языка JavaScript добавляет сайту анимации, динамики и интерактива.
ЧТО ПОЛУЧИТЕ
Сертификат

По окончанию курсов, главное – это те знания, которые вы приобрели в области создания сайтов. Но сертификат вы все равно будете иметь :)

Портфолио

Каждый студент на протяжении всего курса, кроме изучения языка на занятии, выполняет практические задания. Именно из них формируется личное портфолио каждого. Вы сможете представить эти работы при трудоустройстве в IT компанию.

Бонусы

Каждый студент школы получает специальный бонус – дополнительное занятие с HR cпециалистом. На этом уроке вы узнаете о фишках прохождения собеседования, как правильно к нему подготовиться, создать резюме и портфолио.

Резюме

Мы очень тесно сотрудничаем с айти компаниями Харькова и Украины. После окончания курсов мы формируем базу резюме и лучших студентов рекомендуем к трудоустройству.

Потенциал

Научим всегда держать свое слово и планировать реальные сроки. Ты будешь писать понятный код и эффективно работать плечом к плечу с другими программистами. Научишься эффективно добиваться своих целей в работе.

ПРОГРАММА ОБУЧЕНИЯ
  • [ HTML & CSS. Знакомство. ]
    1. <Как устроен интернет. Виды сайтов. Процесс разработки сайта. />
    2. <Что такое HTML и CSS. />
    3. <Какие инструменты использует верстальщик. />
    4. <Что такое теги и атрибуты. />
    5. <Базовая структура html документа. />
    6. <Правила написания кода. />
    7. <Подробное знакомство с панелью разработчика. />
    8. <Разберемся в блочных и строчных элементах. />
    9. <Знакомство c CSS. />
    10. <Синтаксис CSS. />
    11. <Варианты написания CSS. Где можно писать, а где нужно писать. />
  • [ HTML & CSS. Продолжение. ]
    1. <Разнообразие селекторов в CSS. />
    2. <Вложенность, наследование и группирование селекторов. />
    3. <Зачем нужно много классов. />
    4. <Создаем базовые элементы. Кнопки, текстовые блоки, шапка, футер и т.д. />
    5. <Знакомство со свойством float и его проблемами. />
    6. <Строим стандартную сетку для блоков. />
    7. <Знакомство с позиционированием элементов и где его можно использовать. />
    8. <Псевдо-классы и псевдо-элементы. Что для чего нужно? />
    9. <Точные и относительные единицы измерения. Создаем блоки на всю высоту экрана. />
    10. <Все виды вертикального выравнивания. />
    11. <Знакомство с тенями, и что с их помощью можно сделать. />
    12. <Знакомство с Photoshop. />
  • [ Первый макет. Landing page. ]
    1. <Верстка первого макета. Landing page. />
    2. <Изучение framework Bootstrap 3. />
    3. <Развиваем модульный или компонентный подход. />
    4. <Подключение шрифтов. Использование шрифтовых иконок. />
    5. <Знакомство с элементами форм. />
    6. <Использование и стилизация первых скриптов. />
    7. <Подключаем google карты. />
    8. <Первые прикосновения к анимации. Базовое анимирование свойств и появление элементов. />
    9. <Учимся рисовать самые базовые элементы на css с помощью border и transform. />
    10. <Погружаемся в адаптив и мобильную верстку. Медиа запросы. Что такое Viewport? />
    11. <Как правильно проверять адаптив. Какие нюансы есть в мобильных девайсах. />
    12. <Как устоять перед правками. />
  • [ Следующий макет. Интернет магазин. ]
    1. <Продолжаем работать с Bootstrap. />
    2. <Подключаем к работе систему контроля версий GIT. />
    3. <Начинаем использовать помощника, сборщик GULP. />
    4. <Верстаем на flexbox, и понимаем как это круто. />
    5. <Правила подключения скриптов. Как проверять ошибки скриптов. />
    6. <Краткое знакомство с jQuery и jQuery UI. />
    7. <Разберемся со спрайтами. />
    8. <Обзор HTML5. Новые семантические элементы HTML5. />
    9. <Стилизация элементов форм на JavaScript и на CSS. />
    10. <Продолжаем прокачивать навыки в верстке под мобильные устройства. />
    11. <Не забываем пушить на Github. />
    12. <Делаем докумментацию о проекте. />
  • [ Немного мастер-классов. ]
    1. <Кастомизация Bootstrap. />
    2. <Google Map API. />
    3. <Youtube API. />
    4. <Резиновые элементы. />
    5. <Крутая анимация своими руками и при помощи библиотек. />
    6. <Подробно о градиентах. />
  • [ Верстка личного кабинета. ]
    1. <Знакомство с препроцессором SCSS. />
    2. <Добавляем в GULP task для SCSS. />
    3. <Разбираем весь функционал и возможности SCSS. />
    4. <Напишем простые скрипты на jQuery. />
    5. <Построим свою сетку. />
    6. <Углубимся в тонкости построения пользовательского интерфейса. />
    7. <Страницы login, sign up, много таблиц и форм, модальные окна, dropdown, боковые меню, уведомления и т.д. />
    8. <Верстка страницы чата, в последствии на этапе javascript мы напишем функционал для этой страницы. />
  • [ JavaScript. Основы. ]
    1. <Переменные (var, let, const), типы данных, строки, числа, массивы, объекты, boolean. />
    2. <Выражения, операторы (условные, логические, арифметические), приведение типов. />
    3. <Разберемся с циклами, while, do while, for, for in, for of. Работа с массивами и объектами в циклах. Шаблонные строки. />
    4. <Методы работы с массивами. Деструктурирующее присваивание. />
    5. <Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest. />
    6. <Перебирающие методы массивов и сортировка. ForEach, filter, reduce, map, every, some, sort. />
    7. <Напишем свои кастомные функции для перебора массивов. />
    8. <Объекты и методы. Что такое this, контекст вызова функции. />
    9. <Замыкания и лексическое окружение функции. />
    10. <Конструкторы и ключевое слово new. Классы. Работа с датой. />
    11. <ООП. Наследование, инкапсуляция, полиморфизм. />
    12. <Обоработка исключительных ситуаций. Debugging. />
    13. <Таймауты и интервалы, setTimeout и setInterval. />
  • [ JavaScript. DOM. ]
    1. <Что такое DOM и BOM. />
    2. <Манипуляция DOM элементами. />
    3. <Обработка событий, работа с формами. Анимация, таймеры. />
    4. <Написание собственных плагинов для валидации и обработки форм и вывода ошибок. />
    5. <Сохранение данных о пользователе. Cookie, localStorage. />
    6. <Вывод информации из localStorage. />
    7. <Пишем плагины для базовых элементов. Dropdown, tooltip, modal, tabs, accordion. />
    8. <Пишем кастомный видеоплеер. Знакомство с Audio/Video HTML5 API. />
  • [ JavaScript. Взаимодействие с сервером. ]
    1. <Знакомимся с Socket. />
    2. <Пишем realtime чат. Обработка событий сокета, вызов событий у сокета. />
    3. <Что под капотом у запросов, http-протоколы. />
    4. <Знакомство с технологией AJAX. />
    5. <Пишем web приложение task manager. />
    6. <Функционал приложения: аутентификация пользователя, запросы к серверу, обработка ответов сервера, вывод получаемой от сервера информации, сохранение данных пользователя, logout, добавление тасков, удаление тасков, редактирование тасков. />
    7. <Знаковство с библиотекой jQuery. />
КАКИЕ ТЕХНОЛОГИИ ВЫ ИЗУЧИТЕ
html 5
css 3
JavaScript
Angular
command_line
gulp
Git
Bootstrap 3
jQuery
sass
Преподаватели
1 / 12

Хочу преподавать у вас Подробности

ОТЗЫВЫ НАШИХ ВЫПУСКНИКОВ
Курс Front-End

Дудничеко Сергей

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

Курс Front-End

Записов Олег

Я остался доволен пройденным курсом в IT школе Easy Code. Каждое занятие было интересным и познавательным. Денис и Вадим дали современную и интересную информацию. Мне приходилось много времени уделять обучению дома. Всем, кто хочет получить профессию front-end-разработчика советую школу Easy Code.

Курс Front-End

Милашенко Евгений

Я балгодарен компании Easy Code за предоставленный курс Front-end разработчика, за прекраснейшую атмосферу, жизнерадостный и позитивный коллектив. Эти курсы запомнятся надолго как информацией, полученной на курсе, так и эмоциями. Спасибо огромное куратору Анастасии за прекрасно изложенный материал, также я благодарен за ее поддержку и веру, этого иногда не хватало.

Курс Front-End

Сериков Михаил

На курсы Easy Code я пришёл с базовыми знаниями и моей целью было подкрепить эту базу новыми технологиями разработки, и эта цель была достигнута. Спасибо ментору Вадиму Прокопчуку за индивидуальный подход и интересные задания, и спасибо команде EasyCode за тёплую, "домашнюю" обстановку.

Курс Front-End

Кононенко Владимир

Очень хорошая школа, точно буду рекомендовать знакомым, которые захотят обучаться it профессии. И с преподавателем повезло, отдельная благодарность Вадиму Прокопчуку! Приятные и приветливые девушки менеджеры :)

Курс Front-End

Калугин Михаил

Я очень доволен программой курса, хорошей квалификацией преподавателя, вниманием к каждому курсанту. Новичек узнает много нового, новых программ, сайтов в интеренте, получит навыки верстки web-сайтов, приемов применения популярных плагинов. Даю курсам высокую оценку.

Курс Front-End

Маркус Анастасия

Работа школы очень понравилась. Преподаватель хорошо знает материал, доступно может донести информацию, всегда отзывчив и готов прийти на помощь. В целом, все знания, которые я ожидала получить, - я получила. Понравилось, что было много практических заданий, которые всегда обсуждались и проверялись! Спасибо и работе администрации за всегда готовые coffee-breaks и хорошую атмосферу :)

Курс Front-End

Тройченко Марина

Очень довольна, что решилась пойти учиться в своем уже нестуденческом возрасте, было много сомнений в собственной адекватности по поводу этого решения. Но уже на первом занятии я поняла, как мне повезло и со школой, и с куратором. Обстановка практически домашняя, подача материала интересная, Денис вообще молодец - спокойный, добродушный и позитивный, терпеливо по 8 раз может объяснить, если надо и мотивировать своим примером и любовью к своему делу. Новая сфера деятельности - это всегда новый шаг в саморазвитии, еще один вклад в себя. Новый образ жизни и новое мировоззрение. Новые возможности, реализация которых уже зависит только от тебя самого. Спасибо вам за эту возможность!

Курс Front-End

Дмитренко Алексей

Очень профессиональные преподаватели, находят индивидуальный подход к каждому, а также доступно объясняют материал. Отдельное спасибо Денису Мещерякову, на зянятиях помимо того, что давал знания, еще и заряжал позитивом. Узнал массу нового. В дальнейшем планирую найти работу в сфере ИТ. EasyCode, спасибо! Буду советовать! :)

Курс Front-End

Земляной Вячеслав

Школу "EasyCode" нашел через поиск. Выбрал курс Front-End разработчика, так как понравилось количество занятий и их длительность, по сравнению с остальными. В итоге, сравнив отзывы знакомых о их курсах, понял, что сделал правильный выбор. Курсом остался доволен, все гуд, изложение материала на высоте, вопросов после занятия практически не остается. Курс построен не на зубрении материала, а на обучении логике: как, что и почему делается именно так. Курсом доволен и с уверенностью буду его рекомендовать своим друзьям.

Скидки
10 %

скидка, если вы привели друга или по рекомендации студента.

15 %

скидка, если вы хотите записаться на второй курс.

20 %

скидка, если вы хотите записаться на третий курс.

* Все скидки действуют только на 100% оплату курса

ПАРТНЕРЫ

Мы сотрудничаем с ведущими украинскими IT компаниями,
поэтому наши студенты первыми узнают о новых вакансиях в сфере IT

ЗАПИСАТЬСЯ НА КУРС

Спасибо за заявку наш менеджер в ближайшее время с вами свяжется
КОНТАКТЫ
  • НАШ АДРЕС
    г. Харьков, пр. Гагарина 7

  • ГРАФИК РАБОТЫ
    Понедельник-Пятница: 10:00 - 21:30
    Суббота: 10:00 - 16:00
    Воскресенье: ВЫХОДНОЙ

  • ОБЩИЕ ВОПРОСЫ
    easycodekharkov@gmail.com
    SKYPE
    easycode.com.ua

  • ПОЗВОНИТЕ НАМ УЖЕ СЕГОДНЯ
    +38 (063) 511 91 27
    +38 (098) 332 85 47
    +38 (066) 773 95 10