Образовательный курс

Веб-разработчик c 0 до PRO

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

скидка 30% первым 20

набор на курс до 31 мая

или получить

Кому подойдет курс

Новичкам в веб-разработке

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

Image

Начинающим разработчикам

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

Image

Чему вы научитесь

Верстать, создавать базы данных, интернет-магазины

Image

Созданию функциональных и адаптивных сайтов

Научимся делать так, чтобы тексты и изображения на сайте грамотно расширялись и сжимались на экранах разных размеров. Это самое сложное в вёрстке, и самое интересное

Image

Работе с Photoshop и Figma

Научимся применять элементы дизайн-макетов и преобразовывать их в динамичные интернет-страницы

Image

Основам бэкенд-разработки

Научимся управлять взаимодействием внешнего вида сайта и серверной составляющей, а также создавать API

Image

Использованию Git

Научимся работе с технологией, которая управляет версиями и обновлениями кода проекта. Это незаменимый инструмент при работе в команде, знание которого требуют 90% работодателей

скидка 30% первым 20

Программа курса

Программа курса содержит 8 основных блоков.

  1. Веб-верстка

    • Узнайте, что происходит «под капотом» сайта, что такое backend и frontend. Как выглядит и из чего состоит код веб-страницы. Устанавливаем программы для разработки, создаем и публикуем в Интернете нашу первую рабочую веб-страницу
    • Практика: Установить себе на компьютер редактор Sublime Text. Открыть код веб-страницы index.html, внести в него правки и опубликовать результат
  2. CSS – добавляем сайту стиля

    • Добавляем нашим интернет-страницам красок. Научитесь управляться с фоном, цветом, блоками верстки. Опробуем текстовые эффекты и нестандартные шрифты
    • Практика: Дана главная страница новостного портала. Нужно разместить в верхней части страницы дату, время, погоду и поле поиска. В качестве поля поиска взять input, внутри задать placeholder. Сделать главное меню, для этого в материалах приложена дополнительная дизайнерская заготовка
  3. Суперадаптивность и мобильность. Flexbox

    • Делаем так, чтобы наши веб-страницы идеально отображались на всех устройствах и при разных разрешениях экранов, от последней версии айфона и мака до небольших андроид-смартфонов. Самая крутая часть – изучение новой востребованной технологии Flexbox, в которой умеет работать только 5-10 процентов верстальщиков мира
    • Практика: Доверстать страницу так, чтобы она аккуратно выглядела при всех разрешениях экранов вплоть до ширины 320px. Проверить свою вёрстку во всех наиболее популярных версиях браузеров (>1%) и на всех устройствах
  4. JavaScript – добавляем верстке интерактивности

    • Узнаем, что такое JavaScript, и как он подключается к веб-странице. Научитесь подключать и пользоваться библиотекой jQuery, которая упрощает жизнь разработчика и помогает легко получать доступ к любому элементу кода. Узнайте о фреймворках JavaScript, которые позволяют структурировать код, чтобы он был легко поддерживаемым
    • Практика: На странице новостного агентства, под новостями, вывести курс рубля к доллару и к евро через ресурс fixer.io. Дизайн – на ваше усмотрение, но выглядеть должно аккуратно, в стиле заданного макета сайта
  5. Объектно-ориентированное программирование

    • Освойте самую распространенную и востребованную парадигму, которая используется во всех современных языках
    • Применяйте на практике принципы объектно-ориентированного программирования: абстракцию, инкапсуляцию, наследование, полиморфизм. Пользуйтесь классами, объектами, конструкторами, виртуальными функциями
  6. База данных MySQL

    • Изучите, как установить и запустить MySQL сервер для разработки, как управлять пользователями баз данных. Разработаете структуру базы данных MySQL для вашего приложения с нуля, и узнайте, как импортировать и экспортировать данные
    • Практика: спроектировать базу для хранения информации о пользователях, с возможностью разделения пользователей по группам, чтобы им можно было давать разные права к определенным разделам сайта
  7. PHP – язык внутренней кухни сайта

    • Делайте сайты, которые и доносят информацию и поражают воображение, и имеют четко отлаженный механизмом. PHP создан для разработки внутренней, серверной части сайта. Чёткая обработка загружаемых файлов, операции с базами данных, проверка авторизации пользователей, анализ cookies ― без этих элементов сегодня не представить серьёзный веб-проект
  8. Три дипломных проекта в портфолио по ходу обучения

    • Одностраничный лендинг для продвижения услуг
    • Приложение-аналог социальной сети Instagram
    • Интернет-магазин с базой заказов на PHP

Получите полную программу и индивидуальную консультацию

Преподаватели

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

Вы выполняете домашние задания и открываете доступ к новому уникальному контенту по теме. Достаточно выделить 3–5 часов в неделю.

  1. Изучаете
    тему

    В курсе — полезные видеоуроки.

    Интерфейс системы обучения
  2. Выполняете домашнее задание

    В том темпе, в котором вам удобно.

    Интерфейс системы обучения
  3. Общаетесь с наставником

    Закрепляете знания и исправляете ошибки.

    Интерфейс системы обучения
  4. Защищаете дипломный проект

    И дополняете им свое портфолио.

    Интерфейс системы обучения

Резюме после прохождения курса

Аделина Ветрова Fullstack веб-разработчик

Ожидаемая зарплата от 90 000

Владение инструментами:
  • HTML 5 язык разметки, используемый для создания веб-страниц

  • CSS 3 технология, позволяющая описывать внешний вид элементов веб-страницы

  • JavaScript универсальный язык программирования для встраивания в любое приложение

  • jQuery библиотека JavaScript, которая обеспечивает взаимодействие JavaScript и HTML

  • Git технология, которая управляет версиями и обновлениями кода проекта для работы в команде

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

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

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

  • React простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов

  • AJAX технология обращения к серверу без перезагрузки страницы

  • Flexbox методика верстки, с помощью которой можно легко выравнивать элементы и блоки сайтов

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

  • Laravel веб-фреймворк для PHP, представляющий собой панель для легкого управления содержимым сайта

Ключевые навыки:
  • Администрирование и деплой пилотных проектов
  • Разработка интернет-магазинов под ключ
  • Создание анимационных промо-сайтов
  • Настройка интеграции CRM c внешними системами
  • Навыки написания запросов к реляционным базам данных
  • Привычка писать комментируемый и строго форматированный код
  • Умение разбираться в чужом коде

Диплом Skillbox

Подтверждает успешное прохождение курса «Веб-разработчик c 0 до PRO»

Веб-разработчик c 0 до PRO

Стоимость обучения

Скидка 30% первым 20

Стоимость обучения 82 500

4 813 Рассрочка без первого взноса

57 750 Для первых 20 студентов

Запишитесь на курс

Дата начала: 31 мая

Осталось: 15 мест

О Skillbox

Максимально практическое обучение от лидеров digital-рынка. Курсы от компаний, работающих на реальных проектах.

После обучения вы можете трудоустроиться в эти компании или к партнёрам университета.

25 000 +

студентов учатся на наших курсах

82%

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

89%

выпускников получают карьерный рост

94%

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