Комплексное изучение HTML, CSS и JavaScript обеспечит полное погружение во frontend-разработку. Научитесь писать чистый код, работать с разметкой, блочной, табличной и модульной версткой, адаптировать экраны под разные форматы и самостоятельно создавать сайты и веб-приложения.
Основы frontend-разработки: HTML, CSS, JavaScript
Начните свой путь в разработке веб-страниц и веб-приложений Записаться на курсзнакомство с HTML, CSS, версткой, системами контроля версий и хостингами работа с редакторами кода и библиотеками JavaScript создание любых интерактивных элементов сайта: от поп-апов — до динамичного счетчика товаров в магазине
Если вы читаете этот текст, то прямо сейчас ваш браузер выполняет код на JavaScript.
После этого курса вы сможете:
- придавать структуру веб-страницам с помощью HTML
- подключать CSS на страницы и экспериментировать с версткой
- адаптировать веб-страницы под разные форматы с помощью модулей Grid и Flexbox
- писать чистый код на JavaScript
- пользоваться функциями конструктора и разбираться в принципах ООП на JavaScript
- использовать библиотеки JavaScript под свои задачи
- создавать интерактивные элементы сайта
- брать проекты на фриланс и развиваться как разработчик
Курс будет полезен
Подать заявку
- Backend Developer
Вы ознакомитесь со стэком задач frontend-разработчика и поймете принципы оформления веб-сайтов и веб-приложений. Научитесь создавать интерактивные элементы сайта и адаптировать веб-страницы под разные форматы. В результате ― сможете самостоятельно прописывать и механику, и оформление веб-сайтов.
- На курсе вы заложите фундамент для переквалификации в Fullstack Developer.
- Manual QA / Content Manager / Other IT specialist
Вы научитесь кодить на JavaScript, работать с инструментами CSS, описывать логику обращений к элементам HTML. В результате ― сможете закрывать задачи frontend-разработчика и развиваться в этом направлении.
- На курсе получите знания, необходимые для первых проектов Junior Frontend Developer.
- Others
Вы напишете свой первый код на JavaScript, ознакомитесь с экосистемой языка и библиотеками. Систематизируете знания и получите практику на реальных проектах, что поможет понять, в каком направлении развиваться дальше.
- Сможете начать путь в IT, взять первые проекты на фриланс и впоследствии переквалифицироваться в Junior Frontend Developer.
Необходимые знания:
Требования отсутствуют. Будет плюсом базовое понимание алгоритмов и навык написания кода.
Если ваш запрос ― научиться работать с данными, можете подключиться к обучению на курсе
Лектор
Владислав Бурденюк Senior Software Engineer в Allset
- участвовал в разработке версии Allset 2.0 — приложения, которое помогает американцам забронировать столик в ресторане, сделать заказ и оплатить счет онлайн
- занимался интеграциями с POS-системами для ресторанов
- исследует новые подходы к архитектуре построения веб-приложений
- имеет более 4 лет опыта в программировании и более 6 лет — в веб-разработке
- в Innovecs разрабатывал ориентированные на пользователя функции для приложений, создавал повторно используемый код и библиотеки для использования в будущем
- работал над улучшением UX/UI-дизайна и оптимизацией приложений в 3Shape, а также разрабатывал кастомный браузерный 3DViewer
- считает себя framework agnostic, хотя и предпочитает react
Курс в записи
Записаться Программа курса
( занятий)
01 занятие
Знакомство с HTML и структурой веб-страниц
Узнайте, из каких элементов состоит сайт. Ознакомьтесь с содержанием и разметкой веб-страниц. Настройте редактор кода и полезные расширения. Освойте базовые теги и атрибуты.
02 занятие
Таблицы, списки и формы
Разберитесь в особенностях блочной и табличной верстки и сферах их применения. Научитесь создавать текстовые блоки, вставлять ссылки и размещать изображения. Постройте навигацию на странице с помощью ссылок-якорей. Научитесь создавать формы и их элементы.
03 занятие
Введение в CSS
Ознакомьтесь со стилями и научитесь добавлять их на HTML-страницу. Исследуйте относительные и статичные единицы измерения. Научитесь подключать шрифты. Освойте модульную систему верстки Grid и технологию позиционирования элементов Flexbox. Подключите CSS-библиотеки.
04 занятие
Инструменты CSS и работа с хостингом
Протестируйте работу с редактором VS Code. Научитесь работать с системами контроля версий Github, Gitlab, Bitbucket etc, а также с хостингом Github Pages. Разместите свой сайт в интернете.
05 занятие
Верстка и работа с макетами
Научитесь выделять логические блоки в макете. Создайте переменные для цветов и шрифтов. Ознакомьтесь с разными видами верстки и научитесь адаптировать страницу под разные устройства. Изучите свойства разных браузеров и понятие кроссбраузерности.
06 занятие
Основы JavaScript: структура кода, типы данных и основные операторы
Научитесь подключать JavaScript к веб-странице разными способами. Изучите переменные, типы данных и преобразование типов. Научитесь работать с условными операторами.
07 занятие
Основы JavaScript: объекты, массивы, циклы и функции
Изучите свойства и методы объектов и массивов. Научитесь работать с коллекциями Map и Set, WeakMap, WeakSet. Разберитесь в работе циклов и научитесь перебирать данные для написания бизнес-логики приложений. Изучите виды функций и поймите, как они помогают переиспользовать код.
08 занятие
ООП в JavaScript: классы ES5 и ES6
Поймите, что такое прототипное наследование. Научитесь пользоваться функциями конструктора. Изучите классы ES6. Напишите свои классы.
09 занятие
ООП в JavaScript: отличия от других языков
Научитесь применять ключевое слово this и контекст вызова. Изучите основные отличия ООП в JavaScript от ООП в других языках. Попробуйте разбить код на независимые модули.
10 занятие
Запросы, обработка событий и пользовательский ввод
Научитесь настраивать и отправлять AJAX-запросы. Научитесь создавать DOM-элементы и добавлять их на страницу. Напишите правильный запрос и получите данные с сервера. Научитесь обрабатывать пользовательские события.
11 занятие
Презентация курсового проекта
Создайте сайт или приложение на основе вводных, которые получите. Защитите проект перед лектором.
Регистрация
Преимущества robot_dreams:
Обучаем в режиме live
Преподаватель объясняет материал в прямом эфире, отвечает на все вопросы. Если пропустили занятие – сохраняется запись. Все обучение проходит в удобном личном кабинете.Консультируем
Наши консультанты по карьерному росту помогут проанализировать ваши компетенции, очертят пути развития карьеры и порекомендуют дополнительные апгрейды для быстрого профессионального роста.Помогаем с резюме
Подскажем, как составить CV, чтобы на него точно обратили внимание работодатели. Вы выгодно презентуете свои навыки и выделитесь на фоне конкурентов.