Трек
Для начинающих

Основы веб-разработки

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

Начать учиться
Картинка программы Основы веб-разработки
Самостоятельно,
в любое время
Обратная связь
по урокам от поддержки Хекслета
Неограниченный доступ
к пройденной теории
2074 студента
проходят трек прямо сейчас

Программа обучения

Уроки
  • Введение

  • Введение в HTML

  • Блочная модель

  • Семантический HTML

  • Базовая структура HTML документа

  • Основы CSS

  • Каскадность в CSS

  • Chrome DevTools

  • Редакторы кода

  • Emmet

  • Публикация в интернете

  • Графические редакторы


Чему научитесь
  • Основам веб-верстки: как разрабатывать статические веб-страницы и задавать стили элементам.

  • Пошагово отлаживать код для быстрого обнаружения ошибок.

  • Использовать редакторы кода с расширениями, помогающими в разработке. Например, Emmet.

  • Публиковать свой сайт в интернете на хостинге GitHub Pages.

Испытания
Уроки
  • Введение

  • Hello, World!

  • Инструкции

  • Арифметические операции

  • Ошибки оформления (синтаксиса и линтера)

  • Строки

  • Переменные

  • Выражения в определениях

  • Именование

  • Интерполяция

  • Извлечение символов из строки

  • Типы данных

  • Неизменяемость и примитивные типы

  • Функции и их вызов

  • Сигнатура функции

  • Вызов функции — выражение

  • Функции с переменным числом параметров

  • Детерминированность

  • Стандартная библиотека

  • Свойства и методы

  • Цепочка вызовов

  • Определение функций

  • Возврат значений

  • Параметры функций

  • Необязательные параметры функций

  • Упрощенный синтаксис функций

  • Логика

  • Логические операторы

  • Результат логических операций

  • Условные конструкции

  • Тернарный оператор

  • Конструкция Switch

  • Цикл while

  • Агрегация данных

  • Обход строк в цикле

  • Условия внутри тела цикла

  • Инкремент и декремент

  • Цикл for

  • Модули


Чему научитесь
  • Создавать программы, используя основные конструкции языка (условия, циклы, функции и другие)

  • Составлять программы, состоящие из нескольких модулей

  • Правильно анализировать ошибки в коде и пользоваться отладочной печатью при их поиске

Испытания

Как проходит обучение

Курс состоит из учебных модулей с уроками и проектами
  • В каждом уроке — теория, тесты на закрепление изученного и практика прямо в браузере

  • Задания проходят автоматическую проверку тестами и линтером

Теоретический материал
Мы воссоздали реальное рабочее пространство программиста. Прочувствуйте разработку «как есть» — с установкой софта, запуском кода, чтением ошибок и консольными командами
  • Вы прямо в браузере получаете доступ к виртуальной машине, редактору кода и к консоли

  • Сразу видите обратную связь по своему решению в виде тестов и их результатов

Упражнение в IDE
Проходите уроки самостоятельно в любое удобное время
  • Урок — это теория, квиз (проверочный тест) и практика

  • Учебный материал представлен в текстовом формате, иногда встречаются короткие видео

  • Практика может быть в виде упражнений в браузере, испытаний, проектов, самостоятельной работы и домашних заданий

  • Можно задавать вопросы по теории и практике уроков команде поддержки Хекслета

Тесты

Что говорят наши студенты о курсах и проектах

Курс очень интересный, все интуитивно понятно, автору респект =) Практики бы побольше и испытаний

Классное задание, теория по JS помогает подходить к задаче с разных сторон. Мое решение, как и у многих здесь, отличается от решения учителя, но как же оно мне нравится. Пришлось подумать над ним часик https://ru.hexlet.io/code_reviews/1490638

Хотел бы выразить благодарность Никите - автору курса. Очень хорошая подача материала, соответствие теории и заданий. Спасибо, с радостью прошёл курс!

`'Заберите меня отсюда!!!!' `- Впервые сегодня рассмеялся. Спасибо ))

Задание - бомба!Если быть внимательным,то все решается!

Спасибо всей команде Хекслет!! Так классно, когда получается!

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

Спасибо за задание, было интересно!

Начните обучение

Чтобы получить бесплатный доступ к курсу, вам нужно зарегистрироваться

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Кому подойдет обучение

Новичкам, которые хотят освоить профессию с нуля
Тем, кто хочет сменить стек
Тем, кто уже программирует и хочет повысить свой профессиональный уровень

Хекслет —
это серьезная подготовка инженеров-программистов

  • Топовые IT-компании обучают своих сотрудников на Хекслете

  • Весь обучающий контент создан практикующими IT-специалистами

  • Программы, направленные на системное развитие инженерного мышления

17 000+

Студентов учатся ежемесячно

4.7+ звезды
4.7+

Рейтинг на отзовиках: Otzyvmarketing

Индекс лояльности

Нашу платформу часто рекомендуют студенты

Нам доверяют обучение своих сотрудников

Контур
Kaiten
СБЕР МАРКЕТ
Bell integrator
QIWI
Agima
Авиасейлc
Альфа Банк
Uchi.ru
Райффайзенбанк
PeterService
Simtech
Itech Group
Хотите учиться от компании?

Расскажите вашему работодателю о Хекслете

Начните обучение

Чтобы получить бесплатный доступ к курсу, вам нужно зарегистрироваться

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Трек — это набор курсов по определенной теме для повышения квалификации и развития инженерного мышления. Треки подходят как для разработчиков с опытом, так и для новичков в качестве задания «со звёздочкой».

Вы можете учиться в своём темпе, срок обучения не ограничен.

Мы рекомендуем выделять 5-10 часов в неделю. Так с одной стороны обучение будет достаточно интенсивным, чтобы не растягивать его надолго, а с другой — достаточно комфортным, чтобы совмещать с работой и успевать отдыхать.

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

Вы можете учиться самостоятельно или вместе с наставником, он поможет разобраться в сложных моментах.

Тогда вы можете обучаться вместе с наставником.

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

Наставник помогает справляться с трудностями, отвечает на вопросы и делает ревью проектов.

Мы принимаем карты Visa, MasterCard и МИР любого банка, валюта счёта тоже может быть любой.

Если решите учиться самостоятельно, оформите подписку на план «Базовый». Доступ ко всем трекам откроется сразу после оплаты.

Если нужна помощь наставника, оставьте заявку на обучение. С вами свяжется куратор, подберёт подходящего наставника и пришлёт ссылку на оплату.