Мини-курс по веб-разработке с нуля: пишем сайт, приложение и сервис
Сделайте уверенный шаг к карьере веб-разработчика! На мини-курсе вы с нуля создадите 3 веб-приложения и пройдёте основы самых востребованных технологий. Научитесь разрабатывать frontend — видимую часть сайтов и backend — внутреннюю логику «под капотом», а также сможете разместить свои проекты в интернете.
Попробуете себя в одной из самых востребованных IT-профессий, создадите свои первые проекты и на практике убедитесь, что стать веб-разработчиком реально в любом возрасте, независимо от опыта и знаний.
Новичкам в программировании
Вы узнаете, как осуществить свою мечту — новая профессия позволит вам стать фрилансером или устроиться в компанию и писать код из любой точки мира.
Тем, кто хочет работать удалённо
Углубите свои знания, создадите несколько классных проектов, получите практические советы и инсайты от опытного программиста.
Тем, кто уже знает основы веб-разработки
Узнаете, сколько зарабатывают веб-разработчики, как попасть в профессию с нуля, примерите на себя типовые задачи frontend и backend разработчиков, поймёте, в чем разница и в каком направлении вы хотите развиваться больше.
Тем, кто хочет работать в IT и выбирает направление
Кому подойдёт мини-курс
Верстать веб-страницы
Освоите основы HTML и CSS. C помощью этих технологий разработчики создают видимую часть любого сайта — frontend. Это шрифты, картинки, анимации и многое другое.
Основам PHP
На этом языке пишут бизнес-логику веб-приложений. Например, код для добавления товаров в базу данных. Эта часть называется backend.
Основам JavaScript
С помощью этого языка программирования вы сделаете свои веб-приложения интерактивными.
Размещать свои сайты в интернете
Сможете кинуть ссылку своим друзьям, знакомым или родителям с гордой подписью «Это моя работа».
Собирать данные с других сайтов
Например, сможете подключить в свои веб-приложения курс валюты или погоду, которые будут обновляться в режиме реального времени.
Работать с базами данных
Узнаете, как устроена база данных MySQL и напишете первые запросы к ней на языке SQL.
Вы научитесь
Призы и подарки
Год английского языка бесплатно
Все, кто посмотрит первый урок, получит доступ к изучению английского языка в Skillbox на год.
Разберётесь в основных технологиях разработки веб-приложений: HTML, CSS, PHP и JavaScript, а ещё — узнаете больше о профессии и поймёте, подходит ли она вам.
Все участники мини-курса получат сертификат на скидку 350 BYN на любой курс.
Программа
Практика
Стилизуем страницу при помощи технологии CSS.
Изучаем основы языка разметки HTML и технологии CSS.
Верстаем на языке HTML веб-страницу с формой регистрации.
Разбираемся, какие HTML-теги и CSS-стили нам нужны на основе дизайна.
Полезный гайд: Что такое HTML и CSS
Создаём лендинг для турагентства. Frontend-разработка
1.
Веб-приложения: какие они бывают и из чего состоят.
Frontend и Backend — что это и как разрабатывается.
Насколько востребованы и сколько зарабатывают веб-разработчики.
Практика
Создаём страницу, на которой будет выводиться список заявок из базы.
Регистрируемся на хостинге и создаём временный домен.
Программируем Backend на языке PHP, чтобы заявки с лендинга попадали в базу данных.
Размещаем лендинг в интернете.
Полезный материал. Как начать программировать на PHP
Размещаем лендинг в интернете и разрабатываем Backend
2.
Хостинг и домен — что это и зачем нужно.
Как писать код на языке программирования PHP.
Как работать с базой данных MySQL и сохранять в неё данные.
Практика
Размещаем страницу в интернете и пользуемся ею.
Верстаем веб-страницу на языке HTML.
Подключаем к странице библиотеку генерации QR-кодов.
Стилизуем страницу при помощи технологии CSS.
Полезный материал. Селекторы в CSS: что это такое, как они работают и какие бывают
Создаём веб-приложение — генератор QR-кодов
3.
Практика
С помощью JavaScript размещаем эти данные на сводной странице.
Получаем страницы сторонних сайтов при помощи PHP.
Верстаем сводную страницу при помощи HTML и CSS.
Извлекаем из полученных страниц нужные данные.
Разрабатываем сервис- агрегатор информации с разных сайтов
4.
Полезный материал: JavaScript: главный инструмент frontend-разработчиков
Спикер в прямом эфире ответит на вопросы о профессии, пройденном материале и практических работах.
Живой эфир с Даниилом Пилипенко
5.
Создаём лендинг для турагентства. Frontend-разработка
1.
+
+
Веб-приложения: какие они бывают и из чего состоят.
Frontend и Backend — что это и как разрабатывается.
Полезный гайд: Что такое HTML и CSS
Практика
Насколько востребованы и сколько зарабатывают веб-разработчики.
Стилизуем страницу при помощи технологии CSS.
Изучаем основы языка разметки HTML и технологии CSS.
Верстаем на языке HTML веб-страницу с формой регистрации.
Разбираемся, какие HTML-теги и CSS-стили нам нужны на основе дизайна.
Размещаем лендинг в интернете и разрабатываем Backend
2.
+
+
Хостинг и домен — что это и зачем нужно.
Как писать код на языке программирования PHP.
Практика
Как работать с базой данных MySQL и сохранять в неё данные.
Создаём страницу, на которой будет выводиться список заявок из базы.
Регистрируемся на хостинге и создаём временный домен.
Программируем Backend на языке PHP, чтобы заявки с лендинга попадали в базу данных.
Размещаем лендинг в интернете.
Полезный материал. Как начать программировать на PHP
Создаём веб-приложение — генератор QR-кодов
3.
+
+
Полезный материал. Селекторы в CSS: что это такое, как они работают и какие бывают
Практика
Размещаем страницу в интернете и пользуемся ею.
Верстаем веб-страницу на языке HTML.
Подключаем к странице библиотеку генерации QR-кодов.
Стилизуем страницу при помощи технологии CSS.
Разрабатываем сервис- агрегатор информации с разных сайтов
4.
+
+
Практика
С помощью JavaScript размещаем эти данные на сводной странице.
Получаем страницы сторонних сайтов при помощи PHP.
Верстаем сводную страницу при помощи HTML и CSS.
Извлекаем из полученных страниц нужные данные.
Полезный материал: JavaScript: главный инструмент frontend-разработчиков
Живой эфир с Даниилом Пилипенко
5.
+
+
Спикер в прямом эфире ответит на вопросы о профессии, пройденном материале и практических работах.
Инструменты, которые вам понадобятся
Чтобы мини-курс прошёл максимально эффективно, установите среду разработки Microsoft Visual Studio Code и инструмент для работы с файлами на хостинге FileZilla. Все ссылки на скачивание программ мы пришлём в письме после регистрации.
Успейте записаться и получите подарок
Зарегистрируйтесь сейчас и получите гайд по профессии, из которого узнаете самое важное о том, что нужно для старта карьеры в веб-разработке.
109 BYN
Бесплатно для первых 200 участников
Сайт использует файлы cookie для обеспечения удобства пользователей сайта, его улучшения, предоставления персонализированных рекомендаций.
Подробнее
Отклонить
Принять
Настройте параметры использования файлов cookie
Вы можете настроить использование каждой категории файлов cookie, за исключением категории «технические (обязательные) cookie», без которых невозможно функционирование сайта.
Сайт запоминает ваш выбор настроек на 1 год. По окончании этого периода сайт снова запросит ваше согласие. Вы вправе изменить свой выбор настроек cookie (в т.ч. отозвать согласие) в любое время в интерфейсе сайта путем перехода по ссылке в нижней части страницы сайта «Настройки Cookie».