Кто такой веб-разработчик?
Веб-разработчик — это программист, который специализируется на разработке приложений или веб-сайтов с использованием модели клиент-сервер.
Что делают веб-разработчики и чем занимаются?
Обязанности на примере одной из вакансий:
- Участие в разработке новых функций на сайте и рефакторинг старого кода.
- Разработка собственных веб-сервисов
- Разработка API интеграций, парсеров
Что должен знать и уметь веб-разработчик?
Требования к веб-разработчикам:
- Кросс-браузерная, адаптивная вёрстка на HTML, CSS
- Работаю с базами данных
- Разрабатываю Laravel-приложения
- Опыт работы в команде
- Работаю с фронтенд-фреймворками React, Vue, Angular
- Программирую на PHP и JavaScript
- Работаю с внешними API
- Знаю алгоритмы и структуры данных
- Программирую на JavaScript, владею TypeScript
- Знаю и применяю принципы ООП на практике
- Тестирую приложения
- Создаю высоконагруженный бэкенд.
Востребованность и зарплаты веб-разработчиков
На сайте поиска работы в данный момент открыто 3 370 вакансий, с каждым месяцем спрос на веб-разработчиков растет.
Количество вакансий с указанной зарплатой веб-разработчика по всей России:
- от 95 000 руб. – 1 121
- от 175 000 руб. – 511
- от 255 000 руб. – 258
- от 340 000 руб. – 115
- от 420 000 руб. – 42
Вакансий с указанным уровнем дохода по Москве:
- от 90 000 руб. – 357
- от 170 000 руб. – 210
- от 255 000 руб. – 94
- от 335 000 руб. – 49
- от 415 000 руб. – 20
Вакансий с указанным уровнем дохода по Санкт-Петербургу:
- от 80 000 руб. – 169
- от 165 000 руб. – 86
- от 245 000 руб. – 47
- от 330 000 руб. – 22
- от 415 000 руб. – 11
Как стать веб-разработчиком и где учиться?
Варианты обучения для веб-разработчика с нуля:
- Самостоятельное обучение – всевозможные видео на YouTube, книги, форумы, самоучители и т.д. Плюсы – дешево или очень недорого. Минусы – нет системности, самостоятельное обучение может оказаться неэффективным, полученные навыки могут оказаться невостребованными у работодателя;
- Классическое оффлайн-образование в ВУЗах, колледжах и университетах. Диплом является преимуществом при устройстве на работу, при этом обучение обычно длится не менее четырех лет, часто дают устаревшие неактуальные знания;
- Онлайн-обучение. Пройти курс можно на одной из образовательных платформ. Такие курсы рассчитаны на людей без особой подготовки, поэтому подойдут большинству людей. Обычно упор в онлайн-обучении делается на практику – это позволяет быстро пополнить портфолио и устроиться на работу сразу после обучения.
Ниже сделали обзор 15+ лучших онлайн-курсов.
15+ лучших курсов для обучения веб-разработчика: подробный обзор
- Первые 6 месяцев бесплатно
- Обучение на практике
- Трудоустройство после обучения
- Средняя зарплата 100 000 рублей
Кому подойдёт этот курс:
- Новичкам в веб-разработке
Вы с нуля изучите основы программирования на JavaScript и PHP, научитесь верстать сайты на HTML и создадите первые проекты для портфолио. - Начинающим разработчикам
Вы прокачаетесь в работе с самыми популярными языками программирования, изучите Vue.js,React.js или Angular и расширите круг своих компетенций в кодинге. - IT-специалистам
Вы научитесь верстать сайты, создавать проекты на JavaScript и его фреймворках и программировать на PHP. Изучите основы менеджмента и работы в команде по методике Scrum.
Чему вы научитесь:
- Верстать сайты на HTML и CSS, вносить изменения в вёрстку
- Работать с реляционными базами данных на примере MySQL
- Работать с API
- Проектировать сайт под любой тип устройств
- Разбираться в legacy-коде
- Управлять разработкой digital-проектов
- Применять знания UX и данные из Customer Journey Map
- Работать с React.js, Vue.js или Angular
Программа
Вас ждёт насыщенная программа, знание которой можно приравнять к году работы.
186 тематических модулей, 300 онлайн-уроков
Основные курсы
- Веб-вёрстка. Базовый уровень
- Знакомство с курсом.
- Базовый HTML.
- Базовый CSS.
- Работа с макетом.
- HTML-разметка.
- Flexbox.
- Стилизация.
- Продвинутый HTML.
- Продвинутый CSS.
- Сетки.
- Адаптивность. Десктоп и планшет.
- Адаптивность. Мобильные устройства.
- JavaScript для верстальщика.
- Доступность.
- Кросс-браузерность.
- База знаний.
- Работа с хостингом.
- Анимация.
- Веб-вёрстка. Продвинутый уровень
- Верстка HTML-писем.
- Анимация на JS.
- Оптимизация и процесс загрузки.
- Сборщики.
- Препроцессоры и постпроцессоры.
- CSS Grid.
- CMS
- База знаний: часть 2.
- Будущее вёрстки.
- Базовый уровень
- Введение.
- Переменные и работа с числами.
- Строки, boolean и условные операторы.
- Массивы и циклы.
- Функции.
- Объекты.
- Введение в DOM.
- Константы, области видимости и замыкания.
- Преобразование типов и нестрогие сравнения.
- Обработка событий и пользовательский ввод.
- Разработчик и soft skills.
- Продвинутый уровень
- Модули.
- npm, package.json.
- Event loop и асинхронная разработка.
- Методы объекта и прототипы.
- Тестирование.
- Обработка ошибок.
- Общение с сервером, async/await.
- События.
- ООП и его реализация в JavaScript.
- ФП, работа с массивами и строками.
- PHP
- Введение в программирование.
- Структура управления данными. Базовые концепции PHP 7.
- Протокол HTTP/HTTPS.
- Пользовательские функции.
- Файлы и каталоги.
- Cookie/Session.
- База данных
- Курсовая работа.
- Объекты (базовые понятия).
- Принципы.
- Объекты (расширенные понятия).
- Функции и стандарты по работе с классами.
- Исключения и другие встроенные классы.
- ООП. Шаблоны.
- Подготовка среды обучения. Ручной режим.
- Архитектура и проектирование.
- Структура проекта Laravel.
- GIT и командная разработка.
- Laravel — начинающий уровень.
- Laravel — продвинутый уровень.
- Eloquent ORM и база данных.
- Очереди и WebSocket.
- Кеширование и оптимизация.
- Node.js
- Введение.
- Подготовка рабочей среды.
- Hello, world!
- Решаем базовые задачи.
- Асинхронный код.
- Express.js.
- Базы данных, Реляционные ДБ.
- Базы данных, Нереляционные БД.
- CLI программы.
- Углубляем теорию + продвинутые понятия.
- Real-time & WebSockets.
- Pro tips.
- Информация о дипломном проекте.
Курсы на выбор
- React.js
- Введение в React.
- Создание проекта.
- Компоненты на примере новостной карточки Reddit.
- Больше о компонентах и введение в тестирование компонентов.
- Работа с публичным API на примере Reddit.
- Введение в Redux на примере новостной ленты.
- Использование Redux-Thunk на примере бесконечной ленты.
- Сайдбар + роутинг.
- Формы на примере комментариев и карточки поста.
- Оптимизируем приложение.
- SSR + Next.JS.
- Бонусный модуль: MobX.
- Vue.js
- Основы Vue.
- Создание проекта.
- Каталог товаров.
- Пагинация и фильтрация.
- Страница товара.
- Корзина.
- Работа с API. Список товаров.
- Работа с API. Оформление заказа.
- Деплой.
- Angular
- Введение в Angular.
- Вывод списка товаров.
- RxJS: поиск товаров.
- Работа с http. Улучшенный список товаров.
- RxJS & Components Advanced: корзина товаров.
- Роутинг: страница товара.
- Формы: checkout.
- Авторизация и защищённые зоны.
- Тестирование.
- Способы организации обмена данными.
- Advanced Practice.
- Advanced Practice: куда расти.
Бонусные курсы
- Английский для IT-специалистов
- Терминология.
- Чтение документации и библиотек.
- Общение на форумах.
- Ресурсы технологических новостей.
- Произношение слов.
- Коммуникация.
- Акценты.
- Просмотр видеооригиналов.
- Универсальные знания программиста
- Как стать первоклассным программистом и чем он отличается от кодера.
- Какими soft skills должен обладать программист.
- Как общаться по почте и эффективно работать с ней.
- Карта развития для разработчиков.
- Data driven подход к продуктивности — инсайты из данных миллиона людей.
- Как искать заказы на разработку.
- Личный бренд разработчика.
- Вёрстка email-рассылок. Советы на реальных примерах.
- Онлайн-сессии по веб-разработке
- Адаптация макета под мобильные устройства.
- Практикум по интерактивным элементам.
- Что такое Webpack.
- Сборка проекта на Gulp и обзор препроцессора Sass.
- Анимация в CSS.
- Вёрстка писем.
- Веб-дизайн с нуля
- Введение и первый результат.
- Тренды, подготовка, мудборды.
- Работа со стилями. Создание GUI.
- Главная страница, первые шаги.
- Основы работы с графикой.
- Декомпозиция.
- Навигация и структура.
- Интересная подача информации.
- Формы и кнопки.
- Адаптивность и мобильная версия.
- Цвета, настроение. Промостраница мероприятия.
- Декомпозиция промостраницы.
- 3D-элементы в Photoshop.
- Разработка презентации проекта.
- Передача проекта в вёрстку.
- Первый кейс на Behance.
- Веб-дизайн PRO
- Специализация и личное позиционирование.
- Концептуальный дизайн.
- Введение в UX.
- Портреты пользователей и CJM.
- Стилеобразующие элементы. Иконки.
- Типографика PRO.
- Когда верстальщик не пригодился. Readymag.
- Продвинутая презентация.
- Копирайтинг.
- Погружение в мир 3D. Cinema 4D и
- Adobe XD.
- Кейс на 1 000 лайков.
- План развития дизайнера на 3 года.
- Бонус-модуль. Инфографика (РИА «Новости»).
- Git и командная разработка
- Системы контроля версий, знакомство с Git.
- Основы работы с Git.
- Работа с удалёнными репозиториями.
- Работа с ветками.
- Другие инструменты Git.
- Руководитель digital-проектов
- Экологичный путь менеджера.
- Релиз-менеджмент: готовим проекты к запуску.
- Требовательность digital-продюсера.
- Аналитика. Базовые навыки.
- Как пасти котов: правильное делегирование в IT.
- Переговорные навыки: цикл продаж.
- Переговорные навыки: провокации и работа с возражениями.
- Оценка и декомпозиция digital-проектов.
- Управление временем.
- Scrum: передовая методология управления современными digital-проектами.
- Решение факапов. Lean/TOC. Обзор.
- Интеграционные проекты.
- Управление дизайнерами. Разработка дизайна по Scrum.
- Основы технической грамотности.
- Контроль. Риски. Поощрения. Наказания. Обратная связь.
- Бонус-модуль. Работа с типовыми документами.
- Программист «1C-Битрикс»
- Философия разработки. Подготовка рабочего места.
- Источник товаров и контента.
- Создание страниц и шаблонов.
- Стандартные компоненты.
- Каталог интернет-магазина.
- Карта товара.
- Оформление заказа.
- Личный кабинет.
- Доработка сайта.
- Symfony
- Введение в Symfony
- Основы Symfony
- Шаблонизатор Twig
- Библиотека работы с базой данных Doctrine Orm
- Фикстуры и расширения Doctrine
- Связи в Doctrine ч1 Один ко многим
- Связи в Doctrine ч2 Многие ко многим
- Система аутентификации
- Роли, уровни доступов и безопасность
- Доступы по API
- Регистрация и классы Voter
- Знакомство с компонентом Форм
- Валидация, вывод и обработка формы
- Расширение полей и кастомная валидация
- Загрузка файлов в Symfony
- Сервис отправки электронных писем
- Система Событий
- Создание переиспользуемых бандлов для Symfony
Дипломные проекты
- Проекты по вёрстке
Вы сверстаете лендинг и интернет-магазин. - JavaScript
Напишете простую игру на JavaScript. - Vue.js/Angular
Вы сделаете интернет-магазин с помощью выбранного фреймворка. - React.js
Создадите аналог социального новостного сайта Reddit с помощью React.js. - PHP
Вы сделаете 4 проекта: два интернет-магазина, личный сайт-блог и сервис-конструктор для блога на фреймворке Symfony.
Диплом по окончании
После прохождения курса и выполнения всех дипломных работ вы получите диплом веб-разработчика.
Программа курса
Программа строится от простого к сложному. За время обучения вы освоите востребованные навыки веб-разработчика, соберёте портфолио проектов и станете уверенным junior-специалистом.
- Вёрстка сайта на HTML и CSS
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг. Модуль включает 8 занятий. - Мобильная и адаптивная вёрстка
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств. - Английский язык для начинающих разработчиков
В этом модуле вас ждут 10 видеолекций, которые помогут вам начать разговаривать на английском языке как настоящий разработчик. - Основы программирования
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» с учётом личных интересов и профессиональных планов. В итоговом проекте вы разработаете онлайн-игру, похожую на «Монополию». - Git — система контроля версий
Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub. - Основы JavaScript
Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 занятий напишете своё первое веб-приложение — онлайн-сервис для торговли криптовалютой.
Далее узнаете о дополнительных возможностях, которые даёт браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя. - Основы JavaScript в браузере
Вы узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя. - Продвинутый JavaScript
Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронным программированием (async/await). Всё это позволит вам выйти на новую ступень в сфере веб-разработки. - Продвинутый JavaScript в браузере
Освоите инструменты, ускоряющие работу. Научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы. Познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. Через анимацию добавите интерактивность в свои приложения. - Библиотека React
Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы. - Основы графического дизайна
Узнаете о принципах графического дизайна и научитесь работать с композицией, формой и цветом. Попрактикуетесь в создании коллажей, композиций и абстракций, нарисуете логотип для собственного бренда.
Видеокурс включает конспекты, дополнительные материалы для изучения, тесты и задания с самопроверкой. - Основы Photoshop
Познакомитесь с интерфейсом и ключевыми инструментами Adobe Photoshop. Узнаете, как настраивать цвета, работать со слоями, масками и смарт-объектами, растровыми и векторными изображениями.
Видеокурс включает конспекты, дополнительные материалы для изучения и тесты. - Основы Figma
Познакомитесь с базовыми функциями Figma — программы для создания интерфейсов. Узнаете приёмы для ускорения работы и научитесь создавать интерактивные прототипы.
Видеокурс включает конспекты, дополнительные материалы для изучения и тесты. - Основы PHP
Перейдём к бэкенду. Около 80% сайтов в России написаны на PHP, поэтому этому языку мы посвятили два модуля. Вы познакомитесь с базовыми конструкциями языка, а также обучитесь работе с функциями и объектами. Длительность модуля — 8 занятий. - Продвинутый PHP
Продолжим изучение PHP. В этом модуле вы углубитесь в объектно-ориентированный подход в PHP, работу с базами данных и тестирование. - Фреймворк Laravel
Вы изучите один из самых популярных фреймворков для разработки бэкенда на PHP. Познакомитесь с возможностями Laravel, научитесь создавать контроллеры для обработки внешних запросов, создадите базу данных для сайта. - Карьера в веб-разработке
Узнаете, как выглядит работа веб-разработчика в жизни, какие задачи выполняет программист. Как составить резюме и где искать работу. Как развиваться в профессии и какие существуют специализации.
- Дипломный проект
Вы суммируете все знания и навыки, полученные на курсе
Реализуете онлайн-систему администрирования кинозалов.
Вы самостоятельно сверстаете полноценное веб-приложение и подготовите фронтенд и бэкенд — информационную систему для администрирования кинозалов, сеансов и предварительного бронирования билетов. Реализуете клиентскую часть — административный интерфейс, бронирование и контроль билетов на основе готовой вёрстки с использованием предоставленного, расширяемого фреймворка — и серверную часть информационной системы на основе предоставленного скелета MVC.
После обучения вы можете получить свидетельство Нетологии и диплом о профессиональной переподготовке.
Веб-разработчик создаёт сайты: поисковики, соцсети, банковские приложения. Он отвечает как за внешний вид сайта, так и за его логику: работу серверов, файлов и баз данных. Если убрать веб-разработчиков, бизнес перестанет зарабатывать в интернете.
Программа обучения
Подготовительный блок
Вы углубитесь в верстку на HTML/CSS и приступите к изучению JavaScript: познакомитесь с основами языка, операторами, циклами, массивами и объектами, научитесь работать с браузерными событиями: кликом мышки, прокруткой, отправкой формы.
Курсы
- Как учиться эффективно. Видеокурс от методистов GeekUniversity
Узнаете об особенностях обучения взрослых, научитесь ставить образовательные цели, строить карту компетенций, формулировать образовательные запросы. - Основы программирования
— Создание переменных
— Операции сложения, вычитания, деления и умножения
— Логические операции
— Работа с массивами
— Функции - Базовый курс
Git очень важен для любого современного разработчика, так как закладывает тот базис, который необходим для удобной командной работы внутри коллектива и работы со сторонними open source-решениями.
I четверть – Верстка
В первой четверти вы углубитесь в верстку на HTML/CSS. Узнаете, как верстать макеты, создавать статические сайты и простые интернет-магазины.
Итоговый проект — Верстка сайта.
Курсы
- HTML и CSS
Узнаете, как верстать макеты, создавать статические сайты и простые интернет-магазины. - Профессиональная вёрстка
Продолжите осваивать HTML и CSS, познакомитесь с препроцессорными языками LESS и SASS. Изучите адаптивную вёрстку и примените Bootstrap к макету.
II четверть — Frontend-разработка
Во второй четверти приступите к изучению JavaScript: познакомитесь с основами языка, операторами, циклами, массивами и объектами, научитесь работать с браузерными событиями: кликом мышки, прокруткой, отправкой формы. На продвинутом курсе продолжите погружение в язык, познакомитесь с объектно-ориентированным программированием, тестированием и фреймворком Vue.js.
Итоговый проект — Студенты разрабатывают фронтенд часть интернет-магазина и фронтенд мессенджера.
Курсы
- JavaScript
Узнаете, как писать код, использовать инструменты разработки и отладку в браузере, управлять структурой страницы DOM и создавать различные события. - Продвинутый курс по JavaScript
Познакомитесь с тестированием и объектно-ориентированным программированием. Разработаете интерфейс интернет-магазина с продуманной логикой взаимодействия. - ReactJS
Освоите популярную библиотеку frontend-разработки и напишете небольшой мессенджер. Полученный навыки: JavaScript, React.js и Redux.
III четверть — Backend-разработка магазина
Во третьей четверти вы освоите Linux — незаменимую для разработчика операционную систему, а также работу в консоли. Погрузитесь в PHP: изучите основы языка, операторы, циклы, ветвления, научитесь работать с файлами и тестировать свой код. Познакомитесь с алгоритмами и структурами данных, а также системами управления базами данных (СУБД).
Итоговый проект — Студенты разрабатывают бекенд часть интернет магазина.
Курсы
- Рабочая станция
Узнаете, как работать с командной строкой и настраивать службы в Ubuntu. Познакомитесь с командами управления операционной системой, пользователями и правами. - Основы баз данных
Спроектируете базу данных на примере интернет-магазина, научитесь работать с MS SQL и PostgreSQL. - Базовый курс PHP
Потренируетесь на реальном проекте: изучите основы языка, операторы, циклы, ветвления. Научитесь работать с файлами и тестировать свой код.
- Профессиональная веб-разработка на PHP
Продолжите изучать язык на более глубоком уровне и разработаете backend интернет-магазина.
IV четверть — Агрегатор данных
В четвертой четверти вы пройдете полный курс по Laravel — одному из самых популярных и востребованных фреймворков на PHP. Изучите структуру фреймворка, его функциональность, полезные возможности и научитесь работать с базами данных с помощью встроенных в него функций. Познакомитесь с хорошими практиками программирования и разработки веб-сервисов, изучите паттерны проектирования, позволяющие создавать масштабируемые и гибкие приложения.
Итоговый проект — Студенты разрабатывают агрегатор новостных данных.
Курсы
- Базы данных
Научитесь проектировать и создавать базы данных, решать проблемы скалирования. Сможете строить простые и сложные запросы, анализировать и оптимизировать их производительность. - Алгоритмы, архитектура и паттерны на PHP
Познакомитесь с паттернами и структурами данных. Рассмотрите концепции решения архитектурных проблем приложения, научитесь оптимизировать алгоритмы. - Фреймворк Laravel. Глубокое погружение
Изучите работу Laravel и шаблон проектирования MVC, разработаете приложение агрегатора данных. Домашние задания помогут закрепить навыки работы с Laravel и создать проект для портфолио.
V четверть — Soft skills
В пятой, заключительной, четверти вы научитесь работать в команде и познакомитесь с гибкими методологиями разработки. В рамках четверти вам предстоит объединится со студентами своего потока и участвовать в разработке веб-приложения по вашей собственной идее.
Курсы
- Методологии разработки Agile/Scrum
Научитесь отслеживать развитие проекта, оценивать риски, расставлять приоритеты и управлять разработкой. - Выпускной проект
Работа в команде над выпускным проектом. Свободный проект (студенты выбирают сами). - Подготовка к собеседованию веб-разработчика
Работа с вопросами на собеседованиях.
Курсы с открытой датой
- Компьютерные сети
- Как стать программистом
- Английский для IT-специалистов
- Безопасность клиентской части веб-приложений
- Безопасность серверной части веб-приложений: часть 1
- Подготовка к поиску работы
Вы получите диплом о профессиональной переподготовке и электронный сертификат, которые можно добавить в портфолио и показать работодателю.
Курсы по веб-разработке:
- «Fullstack-разработчик на Python»
Станьте fullstack-разработчиком на Python — программируйте на Python и Javascript, работайте в штате или создавайте свои веб-проекты.
- «Веб-разработчик PHP»
Станьте fullstack-разработчиком на PHP — освойте PHP, создавайте и поддерживайте бэкенд сайтов и веб-приложений.
- «Frontend-разработчик»
Станьте frontend-разработчиком — освойте с нуля HTML, CSS, Javascript и создавайте адаптивные веб-сайты — в штате или на фрилансе.
- «Python для веб-разработки»
Станьте универсальным разработчиком — программируйте на Python, создавайте и поддерживайте веб-сайты в штате или на фрилансе.
Программа обучения:
Неделя 1 — Git и GitHub, SASS, разметка страницы
— Верстаем заданные секции из дизайн-макета.
— Формируем структуру CSS, организуем входной файл стилей с применением SCSS.
— Размещаем работу в репозитории и на GitHub Pages.
- Открытие курса
- Вводное занятие
- Figma для верстальщика
- SASS
- БЭМ. Разметка элементов страницы
- Flexbox
- Terminal
- GIT
- Разметка
Неделя 2 — SVG, адаптивная и мобильная вёрстка
— Подготавливаем элементы для последующего программирования на JavaScript.
— Делаем адаптив.
— Собираем SVG иконки в спрайт.
- Адаптивная вёрстка
- SVG
- Адаптивная верстка
Неделя 3 — JavaScript, работа с DOM
— Выполняем задачи по JavaScript.
— Верстаем слайдер.
— Делаем верстку меню и обеспечиваем его функциональность.
- Основы JavaScript
- Работа с DOM
- Обработка ошибок и отладка
- Задачи
Неделя 4 — Обработка ошибок, работа с формами, Ajax
— Создаём виджеты на странице: аккордеон, слайдер, модальное окно.
— Реализуем работу формы заказа.
— Обеспечить обработку ответа от сервера в форме заказа.
- Работа с библиотекой
- Работа с формами. Ajax
- Виджеты
- Вопрос-ответ
Неделя 5 — Плагины, Workflow, работа с API
— Подключаем интерактивную карту google / yandex.
— Реализуем OnePageScroll.
— Разделяем структуру проекта на Dev и Prod.
— Реализуем видео-плеер при помощи HTML5 Video API.
- NPM
- Gulp
- YouTube Iframe API
- Подключение Яндекс.Карты
- Интерактивные элементы
Неделя 6 — Выпускной
— Работа над проектом.
— Бонусный вебинар по основам PHP.
— Выдача дипломов за курс.
- Основы PHP
Выпускной проект
В течение курса, шаг за шагом мы вместе с вами выполним боевой проект — настоящий лендинг для магазина.
По окончании обучения вы получите сертификат.
- Длительность 6 месяцев
- Онлайн — в удобное время
- Обучение на практике
- Доступ к курсу навсегда
Чему вы научитесь:
- Разработке интерактивных сайтов
Научитесь делать сложную анимацию, слайдеры, попап-окна, выпадающее меню с помощью JavaScript - Качественной верстке сайтов
Узнаете, как разрабатывать сайты с помощью HTML и CSS для всех актуальных версий браузеров и платформ - Создавать веб-приложения
Сможете создавать сайты и веб-приложения повышенной сложности, обрабатывать пользовательские функции и работать с файлами - Пользоваться Git
Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта.
Программа курса (60 лекций и воркшопов)
Блок 1: «Веб вёрстка»
- Вводный модуль
- HTML
- Основы CSS
- Основы JavaScript
- Адаптивность и кроссбраузерность
- Оформление
- Advanced CSS
- Инструменты верстальщика
Блок 2: «Javascript»
- Знакомство с языком
- Основы
- Функции
- Массивы и объекты
- Замыкания
- Объекты и конструкторы
- Объектно-ориентированное программирование
- Разное
- JavaScript в браузере, DOM
- Web API
- Клиент и сервер
- jQuery
- Современный JavaScript, ES 2015
- Сборка проектов
- React
- Redux
Блок 3: «Работа с Python»
- Введение в серверное программирование с помощью Python
- Python c 0
- Python: настройка окружения, базовые структуры данных и основные операторы
- Python: работа с файлами и форматированный вывод
- Python: пространства имен и области видимости, классы и объекты
- Python: инструменты функционального программирования
- Работа с файлами разных типов, JSON, XML
- Сервер на Python
- Работа с API, подключение к сайту
- Тренируемся на готовом коде
- Проект — свое веб-приложение с анимацией на Bootstrap
Блок 4: «SQL и базы данных»
- Виды баз данных. Relation, key-value, document, colon
- Реляционные базы данных MySQL, PostgreSQL
- Индексы
- Синтаксис SQL
- Как работать c реляционными базами
- Транзакции и уровни изоляции
- NoSQL, MongoDB
Блок 5: «Важные детали Web-разработки»
- Библиотека jQuery
- Адаптация макета под мобильные устройства
- Практикум по интерактивным элементам
- Что такое Webpack
- Сборка проекта на Gulp и обзор препроцессора Sass
- Анимация в CSS
- Вёрстка писем
- Сбор дипломного проекта
Блок 6: Дипломная работа и помощь с трудоустройством
- Работа над дипломным проектом для портфолио
- Подготовка резюме
- Подготовка к собеседованию
- Финальная защита и консультации
Выпускники получают сертификат об успешном прохождении курса — что, вместе с дипломным проектом, будет хорошим аргументом при трудоустройстве.
Веб-разработчик разрабатывает сайт на языках HTML, CSS и JavaScript. Создаёт интерфейсы с помощью библиотеки React. Настраивает Git, чтобы работать в команде, и Webpack, чтобы собирать файлы проекта автоматически. Веб-разработчик разбирается и в устройстве сервера: может настроить Nginx и запрограммировать сервер на Node.js.
За 10 месяцев обучения в среднем по 15 часов в неделю вы освоите востребованные навыки веб-разработчика и соберёте портфолио проектов.
Программа обучения:
- Основы HTML, CSS, JS: бесплатный вводный курс
Курс посвящён базовому синтаксису HTML и CSS. Вы научитесь управлять цветом и шрифтами, размещать блоки на странице. Всё это — через практику: выполните в тренажёре 4 проекта. Вы напишете программу на языке JavaScript и сделаете страницу интерактивной. - Расширенные возможности HTML и CSS
В этом курсе вы расширите знания о семантике HTML-разметки, необходимых CSS-технологиях: flexbox, позиционирование элементов, работа с медиафайлами и виджетами, создание анимаций, работа с формами. Изучите методологию БЭМ — самый популярный в мире подход к организации кода.
Современному сайту необходимо окружение из вспомогательного программного обеспечения. В этом курсе вы подключите к проекту систему контроля версий Git и научитесь работать в командной строке. - HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
На этом курсе вы узнаете, какие виды дизайн-макетов используют в работе профессионалы и как готовить макет к вёрстке. Научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Разберётесь, как создавать интерфейсы для разных устройств: настольных компьютеров, ноутбуков, планшетов, смартфонов.
В этом курсе вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки. - Базовый JavaScript и работа с браузером
Полноценное погружение в JavaScript. Исследуете типы данных, научитесь работать с условиями, циклами и функциями. Пустите в ход теорию в настоящем проекте — сделаете сайт интерактивным. - JavaScript — непростые концепции
Освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность, замыкания и обмен данными с сервером. Вы познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в свой проект. - Создание интерфейсов на React
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты, состоящие из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать. - Основы бэкенд-разработки
Создание веб-приложений требует взаимодействия с сервером. Вы изучите, как работает серверный JavaScript в Node.js, поднимете сервер и настроите его. В результате вы создадите серверный API для сайта, фронтенд которого уже разработали в предыдущем курсе. - Выпускной проект
Итоговый выпускной проект, подтверждающий знания и умения. Во время работы над ним не нужно выполнять домашние задания и узнавать новую теорию из тренажёра — здесь всё, как в реальной жизни: задание, сроки, приобретённые навыки и поисковик. - Карьерный трек (опционально)
Параллельно основной программе вы можете пройти подготовку к получению джоб-оффера: научитесь составлять резюме, писать сопроводительные письма, делать портфолио и проходить собеседования. Реализуете проект для настоящего заказчика. А в конце — проделаете все шаги с нуля до трудоустройства: отклик на вакансию, тестовое задание, интервью и приглашение на работу.
Курс «Веб-разработчик» рассчитан на начальный уровень подготовки и позволяет за 6-10 месяцев получить новую востребованную профессию, даже если вы никогда ранее не занимались программированием.
В процессе обучения вы освоите основы веб-технологий (HTML, CSS), изучите технологию верстки веб-страниц с применением языка разметки гипертекста HTML5 и каскадных таблиц стилей CSS3. Также в рамках курса вы с нуля изучите возможности языка программирования JavaScript, как на клиентской части (frontend), так и на стороне веб-сервера (backend).
Программа курса:
- Основы веб-технологий (50 часов)
- Основы JavaScript (40 часов)
- Современные технологии верстки (40 часов)
- Методологии и инструменты современной верстки (50 часов)
- PHP и MySQL. Основы разработки веб-приложений (40 часов)
- Средства организации процесса веб-разработки в команде (20 часов)
- Современный JavaScript: новые возможности (50 часов)
- Введение в TypeScript и Flow (30 часов)
- Серверные приложения и микросервисы на Node.js (60 часов)
- React и Vue: компоненты в действии (50 часов)
- Дипломное проектирование (40 часов)
- Защита дипломной работы (5 часов).
На практике знакомимся с базовыми технологиями веб-разработки и узнаём, как эти технологии работают по отдельности и вместе.
- Размечаем страницу, оформляем её с помощью стилей. Пишем свой первый скрипт. Учимся собирать странички сайтов из кусочков PHP-кода.
- Учимся работать с сайтами на своём компьютере: править разметку, стили, скрипты и запускать PHP. Узнаём, как выбрать для своего сайта доменное имя и опубликовать сайт в интернете.
Содержание:
Часть 1: Основы HTML и CSS
- В этой части мы познакомимся с основами вёрстки на примере небольшого лендинга.
- Домашняя работа
Часть 2: Основы JavaScript
- Познакомимся с JavaScript, с его помощью изменим вёрстку на странице, напишем переключатель тем, сделаем интерактивную форму подписки и научимся пользоваться консолью.
- Домашняя работа
Часть 3: Основы PHP
- Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем интернет-магазин.
- Домашняя работа.
Курсы HTML
- HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
- HTML и CSS. Уровень 2. Углубленный CSS и вёрстка макета
- HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
Курсы JavaScript
- Основы JavaScript
- Расширенные возможности
- Курс AJAX
Курсы PHP
- PHP часть 1. Основы PHP8
- PHP8 часть 2. Объектно — ориентированная разработка
- PHP8 часть 3. Создание сервисов
- PHP8 часть 4. Профессиональная работа
- Уровень 5. Разработка приложений на Symfony
Курсы ASP.NET
- Курс 10267: Основы разработки web — приложений в Microsoft Visual Studio
Курсы Java
- Уровень 1. Язык программирования Java
- Уровень 1. Язык программирования Java
- Уровень 3. Разработка серверного программного обеспечения на Java Enterprise Edition
Курсы Python
- Программирование на языке Python. Уровень 1. Базовый курс
- Программирование на языке Python. Уровень 2. Продвинутый курс
- Программирование на языке Python. Уровень 3. Разработка веб — приложений в Django
Курсы Go
- Программирование на языке Go. Уровень 1. Основы языка Go
- Программирование на языке Go. Уровень 2. Проектирование REST API
- Программирование на языке Go. Уровень 3. Разработка веб – приложений.
Курсы включает 2 семестра.
- В первом, слушатели изучают верстку, веб-дизайн, основы программирования (PHP и Javascript) и продвижения сайтов.
- Во втором семестре изучаются профессиональные инструменты веб-разработки (React, Node.js и т.д.). В процессе обучения Вы выполняете индивидуальные и командные проекты, работая над различными задачами веб-разработки.
По окончании курса лучшие выпускники получат возможность пройти стажировку или трудоустроиться в IT-компании Нижнего Новгорода, либо выбрать траекторию развития по собственному усмотрению.
Что мы изучаем на курсе
1 семестр:
- Курс верстки сайтов+
- Курс веб-дизайна (Figma)+
- Курс по WordPress+
- Курс интернет-маркетинга+
- Курсы по основам веб-программирования (PHP, JavaScript)+
2 семестр:
- Продвинутый курс Frontend-разработки+
- Продвинутый курс Backend-разработки+
- Курс по базам данных+
- Технический английский+
- Итоговый проект.
Курс по веб-разработке готовит специалистов, способных не только сверстать сайт, но и поддерживать его на должном уровне.
Программа курса:
1 блок
- Структура HTML-документа
- СSS: свойства шрифтов, текстов, изображений
- Свойство display, Flex свойства элементов
- Позиционирование. Псевдоэлементы и псевдоклассы
- Анимации и формы на CSS
- Переменные, условия, циклы и функции в JavaScript
- DOM, BOM
- Библиотека jQuery: события, анимационные эффекты
2 блок
- Приоритеты CSS
- Media-запросы
- SCSS
- Методология BEM
- Установка веб-сервера, PHP: переменные, условия, массивы
- Введение в реляционные базы данных: MySQL
- Циклы на PHP
- Получение данных из БД через PHP
- API, Работа с функциями, стрелочные функции
- ООП на JS
- Понятие класса, свойства, методы, конструктор
- Наследование, инкапсуляция и полиморфизм
- AJAX
- Передача данны через Ajax в формате JSON
3 блок
- Git и основные командой разработки
- GitHub
- commit, pull, push, merge, brunches
- Разработка каталога товаров для интернет магазина
- Сессии в PHP, разработка корзины
- Шаблон проектирования MVC
- Обзор Bootstrap
- Разработка административной части магазина
- Синтаксис шаблонов
- компоненты
- события
- обработка форм
- декларативный рендеринг, реактивные переменные
Практический результат:
Проект, разработка которого ведётся в команде: «Полноценный интернет магазин с каталогом, карточкой товара и корзиной»
По окончании обучения вы получите документ, в котором будут указаны:
- стек освоенных технологий;
- объем курса в академических часах;
- средний балл за весь курс;
- количество решенных домашних заданий;
- финальный проект.
Вы научитесь:
- HTML/HTML5, CSS/CSS3
- Сетевые технологии и протоколы TCP/IP, HTTP, HTTPS, FTP
- Многоколоночные макеты с flexbox
- Вёрстка адаптивных версий сайтов
- Анимация с помощью HTML5 и CSS3
- Основы JavaScript
- Фреймворк jQuery
- Основы PHP программирования
- Знание основ Adobe Photoshop/Figma для верстальщика.
Программа курса
1 блок — Основы веб-технологий
- Постановка личных целей на курс
- Типы сайтов, функциональность
- Этапы создания сайта, основные профессии индустрии
- Сетевые технологии и протоколы Интернета: TCP/IP, HTTP, HTTPS, FTP
- Хостинг и домен, система DNS
- Модель «Клиент и сервер»
- Роль браузера и редакторов кода
- Настройка рабочей области
2 блок — Знакомство с HTML
- Знакомство с HTML: Понятие тега и атрибута
- Кодировка текста HTML
- Теги для формирования текста
- Гиперссылки и адреса файлов
- Якорные ссылки
- Ссылка на вызов и отправку email
- Таблицы в HTML
- Тег img и его атрибуты. Правила размещения картинок. Форматы изображений: какие выбрать
3 блок — Модуль: погружение в CSS
- Основы синтаксиса CSS
- Основные виды селекторов: идентификаторы, классы, псевдоклассы
- Баллы специфичности и приоритеты правил
- Каскад и наследование свойств
- Контекстный и универсальный селектор
- Свойства текста и шрифта в CSS
- Подключение внешних шрифтов
- Цвета HEX и RGB. Добавление однородного фона к элементам. Фоновая картинка для страницы, настройка фона
4 блок — Блочная модель и макет веб-страницы
- Понятие блочных и строчных элементов
- Ключевые свойства блоков
- Как рассчитывается размер блока и box-sizing: border-box
- Что такое блочная модель
- Применение блоков для построения макета
- Строчно-блочные элементы
- Свойство display
- Устаревшие способы построение макета: знать, нельзя использовать
5 блок — Многоколоночные макеты с Flexbox
- Семантические теги для вёрстки макета
- Основы Flexbox: контейнеры и элементы
- Выравнивание элементов по основной и поперечной оси
- Смена осей и вертикальное выравнивание элементов
- Проблемы применения flexbox
6 блок — Основы Adobe Photoshop для верстальщика
- Работа с картинками: кадрирование, тримминг
- Сохранение: формат, качество, вес
- Как узнать код цвета
- Инструменты для работы со шрифтом
- Копирование готового CSS
- Измерение расстояний: инструменты, настройки
- Эффекты и их копирование
- Встраивание карт и видео
7 блок — Позиционирование
- Виды позиционирования: статическое, абсолютное, относительное, фиксированное
- Особенности разных видов позиционирования
- z-index и контекст наложения
- Когда и как использовать позиционирование
- Пример выпадающего многоуровневого меню
- Решение типовых задач с позиционированием
8 блок — Формы обратной связи
- Основные элементы формы: input, select, textarea, button
- Состояние полей и псевдоклассы
- Элементы выбора checkbox, radio, select
- Группировка элементов: fieldset и legend
- Стили для псевдоэлемента placeholder
- Правила написания стилей для форм
- Стилизация кнопок
9 блок — Отзывчивый и адаптивный веб-дизайн
- Понятие адаптивного и отзывчивого веб-дизайна
- Медиа-запросы
- Параметры области просмотра и тег Meta viewport
- Проблемы кроссбраузерной верстки
- Валидность кода, валидаторы
- Особенности многостраничных сайтов
- Правила вёрстки для seo-продвижения
10 блок — Анимация с помощью HTML5 и CSS3
- Плавные переходы для создания анимационных эффектов
- Анимация с помощью keyframes
- Трансформация элементов
- Добавление базовых элементов анимации на сайт
11 блок — Основы JavaScript и jQuery
- Какие задачи решает JavaScript
- Основы программирования: переменные, условия, функции
- Внедрение скриптов на сайт для создания интерактивных элементов
- Знакомство с jQuery: когда он нужен, а когда нет
- Подключение плагинов: слайдер, галерея, всплывающие окна, аккордеон
- Работа с более сложными front-end технологий
12 блок — Основы PHP-программирования
- Назначение серверных технологий
- Локальный веб-сервер и домен
- Создание динамических веб-страниц
- Понятие CMS-систем
- Размещение сайта на хостинге
- Протокол FTP для загрузки файлов
- Подведение итогов и завершение проекта.
«Основы разработки сайтов» является базовым курсом для каждого, кто решил реализовать себя в IT. По итогам обучения будут получены навыки самостоятельного создания стандартных web-сайтов и управления их контентом. Также этот курс служит платформой для изучения современного front-end и любого из языков программирования.
Программа курса
Количество часов: 32 (8 занятий по 4 часа)
Занятие 1. Разработка Web-приложений. Основы HTML5
- Архитектура Web-приложений. Проектирование интерфейса пользователя. Средства и методы разработки Web-приложений.
- Структура HTML-документа, понятие тега и атрибута, списки, изображения, гиперссылки, цвета.
- Работа с таблицами и формами HTML. Структура таблицы: заголовки, строки и ячейки. Элементы формы: текстовые поля, радио переключатели, чекбоксы, списки, области текста, кнопки, поля выбора файла, цвета, диапазона, даты и времени.
- Вставка и управление аудио и видеоматериалами HTML.
Занятие 2. Профессиональные редакторы для разработки Web-сайтов. Основы CSS3
- Визуальный редактор Adobe Dreamweaver: глобальные настройки, рабочая область, инспектор файлов, настройка Web-сайта, свойства страницы, вставка элементов, подключение стилей CSS и сценариев JavaScript, импорт табличных данных. Использование bootstrap-шаблонов HTML + CSS + JavaScript.
- Способы подключения CSS. Синтаксис и элементы стилей. Виды селекторов: универсальный, тега, класса, идентификатора, потомка, дочерний, сестринский, атрибута, псевдокласса, псевдоэлемента, структурных псевдоклассов. Комбинация и группирование селекторов, переменные в CSS. Наследование и каскадирование селекторов.
Занятие 3. Адаптивность и возможности CSS3
- Использование CSS-медиазапросов для разработки адаптивного дизайна.
- Анимация и трансформация в CSS. Библиотеки анимации, CSS-генераторы. Градиенты, рамки, тени, переходы, фильтры.
- Использование препроцессоров на примере LESS: установка препроцессора, переменные, функции и вычисления, преобразование кода препроцессора в код CSS. Использование постпроцессоров: работа с вендорными префиксами. Методологии CSS.
Занятие 4. Adobe Photoshop для создания макета Web-сайта
- Интерфейс и настройки Photoshop. Масштаб, информация об изображении. Инструменты и команды выделения.
- Цветовые модели. Пиксели, разрешения и размеры. Слои и маски: быстрые маски, канал-маски, корректирующие слои, редактор градиента. Сохранение файла для Web.
- Создание коллажа, работа с текстом. Ретушь: коррекция уровней, применение фильтров, восстановление утраченных фрагментов. Работа с вырезками. Создание GIF-анимации.
- Создание макета Web-сайта: работа с линейкой и направляющими, группирование слоев. Bootstrap сетка. Подготовка созданного макета к верстке: слои-изображения, смарт-объекты.
- Применение Adobe Illustrator для создания логотипов, стикеров и элементов flat-дизайна.
Занятие 5. Верстка Web-сайта
- Семантические элементы HTML5 для группирования контента и разметки содержимого. Блочные и строчные элементы. Блочная модель: контейнеры и обертки, отступы и границы, содержимое блока, тип контейнера элемента, область блочного элемента, позиционирование элементов, переполнение блочного элемента, наложение элементов.
- Плавающие элементы — CSS свойство float. CSS-спрайты. Использование reset.css и normalize.css.
Занятие 6. Модель верстки CSS Flexbox и CSS Grid
- Модель верстки CSS Flexbox: свойства flex-контейнера и flex-элементов. Верстка адаптивного шаблона Web-сайта с помощью CSS Flexbox.
- Модель верстки CSS Grid: работа с разметкой в двухмерном пространстве. Верстка адаптивного шаблона Web-сайта с помощью CSS Grid.
Занятие 7. Ознакомление с языком JavaScript
- Способы подключения сценариев JavaScript. Типы данных, переменные, операторы, ввод-вывод данных.
- Языковые конструкции, организация ветвлений, выполнение вычислений. Объекты JavaScript. Методы объекта Math, Date.
- Организация циклов, работа с массивами. Функции JavaScript. Области видимости переменных. События и обработчики событий.
- Отладка кода JavaScript: инструменты разработчика браузера.
Занятие 8. CMS-система WordPress для создания Web-сайта
- Взаимодействие клиент-сервер. Передача данных. Протокол HTTP. Принципы работы с Web-сервером.
- Установка и настройка OpenServer (Apache, PHP, MySQL, phpMyAdmin, FTP-клиент, Git, домены и алиасы, почта и др.). Создание локального Web-сервера.
- Обзор CMS-систем (Joomla, Битрикс, OpenCart). CMS-система WordPress: установка и настройка, работа с шаблонами и плагинами, понятие виджета, работа с внутренним кодом PHP, работа с контентом.
- Перенос сайта WordPress с локального компьютера на хостинг.
После окончания курса вы сможете:
- Самостоятельно создавать сайты
- Работать удаленно из любого уголка мира
- Получить высокий уровень дохода
- Сменить нелюбимую работу на любимую
- Получать клиентов через собственный сайт
- Создать портфолио и представить его первому заказчику
- Получать заработную плату от 40 000 рублей.
Программа курса веб-программирования
Урок № 1 — HTML. Редакторы для работы
Что такое HTML, история создания. Синтаксис, теги, атрибуты. Структура HTML, практика. Верстаем статью.
Урок № 2 — HTML. CSS. Базовые свойства
Единицы измерения, блочная модель. Практика. Стилизация сверстанной статьи.
Урок № 3 — CSS. Строчные и блочные элементы
Свойство display. Расположение блоков, Псевдоэлементы, псевдоклассы. Линейное преобразование элементов, анимация.
Урок № 4 — CSS. Свойство float
Display: flex. Адаптив.
Урок № 5 — CSS. Практика
Верстаем макет.
Урок № 6 — JavaScript. Часть 1
Синтаксис, переменные, Операции с числами. Строки, массивы, объекты, методы.
Урок № 7 — JavaScript. Часть 2
Объектная модель документа, получение элементов, изменение свойств. Условный оператор. Логические операции, циклы, функции. Манипулирование DOM. События, элементы ввода.
Урок № 8 — AJAX. Часть 3
Рассмотрим объект XMLHttpRequest().Как работает функция send. Поработаем с полями target и response.
Урок № 9 — JavaScript. Часть 4
Учимся работать с Jquery.
Урок № 10 — PHP. Часть 1
Для чего используется, как запускать, синтаксис. Переменные, строки, массивы, функции, условный оператор, циклы. Управление содержимым страницы.
Урок № 11 — PHP. Часть 2
Отправка файлов. Обработка запросов GET, POST
Урок № 12 — PHP. Часть 3
HTTP — заголовки. Cookies, Сессии
Урок № 13 — MySQL. Часть 1
Основные операции БД. Структура БД. Типы полей. Свойства полей. SQL. Виды связей.
Урок № 14 — MySQL. Часть 2
Хранение информации о пользователе.
Урок № 15 — MySQL. Часть 3
Работа с хэш-функции.
По окончанию обучения вы получите сертификат, подтверждающий, что вы прослушали 15 уроков онлайн-курса веб-программирования.
На курсе вы:
- познакомитесь с основополагающими принципами и последними тенденциями мира web-разработки;
- будете самостоятельно создавать сайты, приложения и презентации;
- научитесь реализовывать сервера и использовать базы данных;
- в качестве финальных проектов напишете игру «Пятнашки» и приложение «Фотолента».
Целями курса являются: является обучение как основополагающим принципам, так и последним тенденциям мира web-разработки. Осваивая пример за примером, дети научатся самостоятельно строить как привычные многостраничные сайты, так и современные одностраничные приложения; пользоваться библиотеками для быстрого прототипирования и реализовывать серверы. Среди проектов первого модуля курса – «Викторина», «Список дел», игра «Пятнашки».
Содержание:
Занятие №1 HyperText Markup Language
Задание каркаса и элементов страницы, ссылок, картинок, таблиц.
Занятие № 2 Cascading Style Sheets
Изменение внешнего вида элементов: цветов, размеров, отступов.
Занятие № 3 CSS. Выравнивание и эффекты
Структурирование элементов на странице. Трансформации и анимация.
Занятие №4 JavaScript. DOM, переменные и функции
Использование чисел и строк, изменение содержимого страницы.
Занятие № 5 JavaScript. Условные конструкции и циклы
Вариация поведения страницы в зависимости от условий.
Занятие № 6 JavaScript. Структуры данных
Способы хранения и организации данных.
Занятие № 7 JQuery
Библиотека для эффективного управления содержимым страницы.
Занятие № 8 Bootstrap
Библиотека, предоставляющая большое количество готовых элементов.
Занятие № 9 CSS. Позиционирование
Взаимное расположение элементов. Глубина.
Занятие № 10 Зачёт
Проверка знаний в устной форме.
Занятие № 11 Игра «Пятнашки». Начало
Реализация игрового поля, ячеек и их перемещения.
Занятие № 12 Игра «Пятнашки». Завершение
Перемешивание костяшек и вывод поздравительного сообщения.
Чему вы научитесь:
- Разбираться в базовой терминологии веб-разработки, отличать фронтенд от бэкенда
- Использовать инструменты браузера для просмотра и изменения исходного кода страниц
- Понимать процессы, которые происходят при обращении к сайту (как работает браузер, протоколы, сервера).
Уроки курса:
Продолжительность 3 часа
- Введение
Познакомиться с курсом. - HTML
Познакомиться с языком разметки HTML, понять его основную идею. - CSS
Познакомиться с технологией CSS и его возможностями. Узнать про CSS фреймворки. - Хостинг
Рассмотреть такие понятия, как хостинг, его виды, DNS и домен. Кратко ознакомиться с процессом регистрации сайта. - Backend разработка
Узнать, что такое backend разработка, используемые языки и технологии. - Frontend разработка
Узнать, что такое frontend разработка, его отличие от верстки и используемые в ней языки и технологии. - Роли
Рассмотреть, какие бывают роли в разработке сайта. Узнать про позиции разработчиков в команде - Обучение
Узнать, какие знания необходимы, чтобы стать программистом, как стоит организовать процесс обучения и какими ресурсами пользоваться. - Дополнительные материалы
Помогают глубже и всесторонне рассмотреть тему курса в открытых статьях и видео подобранных командой Хекслета.
Курсы:
- Верстка сайта Web-dev
- Верстка сайта LP UX/UI
- Верстка сайта
- Vue
- JavaScript Основы
- Telegram Bot php
- Spring Framework
- Java для начинающих
- OpenGL (для новичков)
И др.
Чему вы научитесь:
1: Введение в веб-разработку
Этот короткий курс начнет обучение с нуля, ответит на стандартные задаваемые вопросы о практике и карьере в сфере веб-разработки. Вы получите намного лучшее представление о том, во что вы готовитесь погрузиться!
2: Основы веб-разработки
Этот курс для всех, кто начинает с нуля или не совсем комфортно чувствует себя при работе с командной строкой, HTML, CSS, Javascript, Ruby, веб-фреймворками, Git или другими базовыми технологиями веб-разработки. Мы покроем МНОЖЕСТВО тем — к концу этого объемного курса вы будете готовы к изучению наших более углубленных курсов или продолжать исследования самостоятельно.
3: Программирование на Ruby
Когда вы завершили курс «Основы веб-разработки», этот курс погрузит вас в чудесный мир Ruby. Вы изучите комбинацию из основ программирования и лучших практик, а так же получите возможность создать несколько разных проектов по мере прохождения курса.
4: Ruby on Rails
Теперь, когда вы освоились с Ruby, настало время применить эти знания и узнать, как быстро создавать веб-сайты, используя Ruby on Rails. К концу этого курса вы сможете уверенно создать и развернуть реальный веб-сайт. Собственно, вы проделаете это множество раз.
5: HTML5 и CSS3
Теперь вы профессионал в создании бэкенда для сайта, настало время как следует вникнуть в фронтенд, чтобы ваши сайты перестали быть уродливыми и вы начали понимать DOM. Этот короткий курс даст вам инструменты для прекращения борьбы с вашим CSS и начала создания более логично выглядящих сайтов.
6: Javascript и jQuery
Последний компонент в вашем арсенале веб-разработчика — это умение научить ваш фронтенд динамически реагировать на действия пользователя. В этом курсе вы узнаете, как использовать Javascript и jQuery для взаимодействия с DOM и как делать вещи вроде выпадающих меню, параллакс-эффекта при прокрутке, одностраничных приложений и даже игр. Это свяжет все изученное ранее воедино в один прекрасный комплект.
7: Ищем работу в качестве веб-разработчика
Вы зашли чертовски далеко и готовы работать веб-разработчиком, но, как вы могли понять, дорога открытий лишь начинается. К счастью, теперь вы достаточно полезны, чтобы другие платили вам за то, что вы будете продолжать создавать и обучаться… и в этом коротком курсе мы покажем, как этого добиться.
Если ваша цель — изучить PHP с нуля до уровня Junior PHP Developer, я рекомендую пройти каждый из блоков обучения, в порядке, представленном ниже.
- HTML для начинающих
С этого начинают все — как frontend, так и backend-разработчики. HTML прост в изучении и без него веб-разработчику — никуда. - PHP для начинающих
Обучение основам программирования на PHP 7 — языке, на котором написано более 85% всех сайтов в интернете, в том числе Википедия, ВКонтакте, Авито, Badoo и многие другие гиганты. - MySQL с нуля
Курс по MySQL для начинающих. Учимся работать с базой данных из PHP современными способами. - ООП в PHP
Продвинутый курс по объектно-ориентированному программированию на PHP 7. ООП, MVC, ORM, Active Record, пишем собственный фреймворк. - PHP для профессионалов
Курс по дополнительным возможностям PHP 7, после которого можно устраиваться на работу. - Фреймворк Symfony 4
Учимся работать с самым востребованным на рынке PHP-фреймворком. - Фреймворк Laravel
Изучаем внутренности популярного PHP-фреймворка.
