Веб-разработчик с нуля от Нетологии
Программа курса
Ознакомьтесь с программой курса «Веб-разработчик с нуля» от Нетологии
- Вёрстка сайта на HTML и CSS. Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг. Модуль включает 8 занятий.
- Теги для вёрстки контента страницы
- Теги для вёрстки структуры страницы
- Теги для вёрстки форм
- Селекторы CSS
- Определение контекста элементов
- Блочная модель
- Позиционирование элементов
- Оформление текста
- Оформление декоративных элементов
- Состояние интерактивных элементов
- Выполнение проекта по итогам модуля: вёрстка макета сайта Пример готовой работы
- Мобильная и адаптивная вёрстка. Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
- Вёрстка резинового макета
- Резиновые изображения
- Медиа-запросы и медиа-функции
- Вёрстка мобильных устройств
- Вёрстка адаптивного макета
- Адаптивная типографика, выбор breakpoints
- Адаптивные изображения
- Выполнение проекта по итогам модуля: адаптивная мобильная версия макета сайта Пример готовой работы
- Английский язык для начинающих разработчиков. В этом модуле вас ждут 10 видеолекций, которые помогут вам начать разговаривать на английском языке как настоящий разработчик.
- Лексика, без которой не обойтись
- Как вести переписку на английском
- Чтение документации и анализ требований
- Программирование
- Тестирование ПО
- Стрессовые ситуации
- Устранение неполадок
- Работа и роли в команде
- Поддерживаем любую беседу на английском
- Собрания, презентации на высшем уровне
- Основы программирования. Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» с учётом личных интересов и профессиональных планов. В итоговом проекте вы разработаете онлайн-игру, похожую на «Монополию».
- Алгоритмы
- Переменные, числа и строки
- Логика и математика
- Ветвление кода
- Алгоритм с множественным выбором
- Ошибки в коде
- Массивы
- Циклы
- Подпрограмма, функция
- Объекты
- Синхронное и асинхронное выполнение алгоритма
- Выполнение проекта по итогам модуля: игра «Крестики-нолики» на JavaScript Пример готовой работы
- Git — система контроля версий. Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
- Предназначение системы контроля версий
- Основные операции: фиксация и откат изменений, поиск, история
- Работа с сервисом GitHub
- Ветки, слияние веток и разрешение конфликтов
- Командная работа
- Основы JavaScript. Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 занятий напишете своё первое веб-приложение — онлайн-сервис для торговли криптовалютой. Далее узнаете о дополнительных возможностях, которые даёт браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя.
- Основы отладки
- Базовый синтаксис
- Расширенный синтаксис
- Типы данных
- Функции, объекты
- Прототип и конструктор объекта
- ООП в JS (ES6)
- Обработка исключений и замыкания
- Прототип массива, функции высшего порядка
- Асинхронность
- Выполнение проекта по итогам модуля: сайт-биржа по продаже криптовалюты Пример готовой работы
- Основы JavaScript в браузере. Вы узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.
- Возможности JavaScript в браузере
- Способы поиска нужного HTML-элемента
- Объект события
- DOM
- Работа с HTML-формами
- Изменение структуры HTML-документа
- Асинхронные запросы
- Хранение состояния на клиенте
- Выполнение проекта по итогам модуля: веб-менеджер личных финансов Пример готовой работы
- Продвинутый JavaScript. Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронным программированием (async/await). Всё это позволит вам выйти на новую ступень в сфере веб-разработки.
- Стандарты и рабочее окружение
- Модули и webpack
- Платформы: браузер vs Node.js
- Unit-тестирование
- Прототипы, конструкторы, классы и наследование
- Object, reflection и proxy
- Регулярные выражения
- Контейнеры
- ArrayBuffer
- Promises, async/await, timers & event loop
- Символы, итераторы, генераторы
- TypeScript
- Выполнение проекта по итогам модуля: онлайн-игра «Ходилка» в стиле фэнтези Пример готовой работы
- Продвинутый JavaScript в браузере. Освоите инструменты, ускоряющие работу. Научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы. Познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. Через анимацию добавите интерактивность в свои приложения.
- Рабочее окружение
- Работа с DOM (объектная модель документа)
- Обработка событий
- Организация тестирования (Unit, E2E)
- Работа с HTML-формами, LocalStorage
- Drag & Drop, работа с файлами
- Работа с HTTP
- Анимация и CSS
- Geolocation, notification, media
- RxJS
- EventSource, Websockets
- WebWorkers, ServiceWorkers
- Выполнение проекта по итогам модуля: бот для поиска и хранения информации Пример готовой работы
- Библиотека React. Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.
- Компоненты, композиция компонентов
- События и состояние
- Props
- Формы
- Жизненный цикл и работа с HTTP
- HOC
- Hooks, Context API
- React Router
- Redux и Redux Thunk, Redux Observable, Redux Saga
- Выполнение проекта по итогам модуля: интернет-магазин обуви Пример готовой работы
- Основы PHP. Перейдём к бэкенду. Около 80% сайтов в России написаны на PHP, поэтому этому языку мы посвятили два модуля. Вы познакомитесь с базовыми конструкциями языка, а также обучитесь работе с функциями и объектами. Длительность модуля — 8 занятий.
- Знакомство с PHP и PHPStorm
- Консольные приложения в PHP
- Базовые операторы и функции
- Создание функций в PHP
- Основы работы с объектами
- HTTP, заголовки, сессии
- Файлы, HTML-формы
- Развёртывание приложения на хостинге
- Продвинутый PHP. Продолжим изучение PHP. В этом модуле вы углубитесь в объектно-ориентированный подход в PHP, работу с базами данных и тестирование.
- Понятие класса и объекта
- Наследование, полиморфизм и инкапсуляция
- Примеси, перезагрузка и магия
- Работа с базами данных
- Тестирование, PHPUnit
- Фреймворк Laravel. Вы изучите один из самых популярных фреймворков для разработки бэкенда на PHP. Познакомитесь с возможностями Laravel, научитесь создавать контроллеры для обработки внешних запросов, создадите базу данных для сайта.
- Введение в Laravel
- MVC
- Работа с базой данных
- Middleware и авторизация
- Работа с REST API
- Карьера в веб-разработке. Узнаете, как выглядит работа веб-разработчика в жизни, какие задачи выполняет программист. Как составить резюме и где искать работу. Как развиваться в профессии и какие существуют специализации.
- Веб-разработчик: задачи, работа в команде
- Поиск работы: компания vs фриланс
- Карьерная траектория: из студента в senior
- Первое собеседование
- Тренды веб-разработки: за какими ресурсами следить
- Резюме, сопроводительное письмо, портфолио
- Трудоустройство
- Помощь с трудоустройством
- Город
- Онлайн
- Начальный уровень
- Можно изучать с нуля
- Формат обучения
- Онлайн
- Сертификат
- Есть
- Инструменты на курсе
-
APICSS3CanvasEnglishDomFlexboxGitHubHTML5JSXJavaScriptLaravelNode.jsPHPReactReduxXML
Преподаватели на курсе
Fullstack-разработчик, Aurora Group
Главный DevOps-инженер, Snapcart. Работал в Alibaba Group и Payever
Frontend Developer
Системный аналитик, «Нодасофт»
Автор программы, Senior JavaScript-разработчик в MyTaxi
Frontend-разработчик, freelancer
Разработчик интерфейсов в Яндексе
Ведущий инженер-программист в «Промсвязьбанке»
Дизайнер, фронтенд-разработчик, freelancer
Мiddle web-developer в Worksolutions
Основатель компании Useful Web
Tech Lead в Sytac B.V.
PHP-разработчик в Neti
Fullstack-разработчик в APD
Frontend-разработчик в Servers.com
Автор программ и преподаватель программирования
Frontend-разработчик в Abventor
Руководитель группы разработки в Банке ВТБ
Руководитель, frontend-разработчик в АО «Вертекс»
Middle frontend-разработчик
Программист в Playrix, automation marketing
Программист в ГНИВЦ
Freelancer
Team lead в ING Bank
Senior software-разработчик в Deutsche Telekom
Frontend-разработчик в «Chocotravel и Aviata»
Middle-разработчик в Яндексе
CEO в Ragemarket
Co-Founder в PCNP Studio
Senior developer в DevExpress Inc.
Ведущий инженер-программист в «Лаборатории компьютерного моделирования»
Разработчик на PHP, JavaScript
CTO, Lead Engineer в «Штрихпунктир»
Frontend-разработчик в Roox Solutions, проект «Банк Открытие»
Frontend-разработчик в Сбере
Frontend-инженер в Aliexpress
React Native developer в Locals.org
Ведущий frontend-разработчик в StepIntegrator
Ведущий разработчик в «Визиолоджи Технологии»
Разработчик систем тестирования в Avito
Руководитель направления в Сбере
Fullstack-разработчик в «Телеком-Нейва»
Специалист по информационным технологиям в «Багория»
Удалённый формат. Все лекции проходят в интернете в удобное для вас время.
Команда экспертов. Лекции ведут специалисты с большим опытом из крупных компаний.
Большой выбор курсов. Если готовый курс не подходит, под вас соберут персональную программу.
Технические проблемы. У некоторых студентов наблюдаются неполадки во время обучения.
Настойчивые продажи. Перед началом курса менеджеры активно звонят и склоняют к покупке.
Взгляните, что студенты и выпускники говорят про онлайн-школа Нетологии
«HTML-верстка: с нуля до первого макета» даёт крепкую базу навыков верстки HTML и CSS. Курс будет крайне полезен для дизайнеров, решивших повысить свою квалификацию и начать говорить с верстальщиком на одном языке.
Если вы интересуетесь разработкой сайтов, то вам просто не обойтись без этого курса. Данный курс будет интересен как новичкам, абсолютно незнающим языка PHP, так и самоучкам, желающим укрепить свои знания.