Курсы HTML и CSS верстки с нуля

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

Курс 1. HTML, CSS и адаптивный дизайн

Что вас ждет в модуле:

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

Проектный результат:

По итогу модуля сверстаете функциональный сайт интернет-магазина, адаптированный под разные устройства. Для большей практики в этом курсе есть возможность сверстать 4 дополнительных лендинга.

Курс 2. Основы JavaScript

Что вас ждет в модуле:

Получите плавный вход в программирование, освоив базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.

Проектный результат:

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

Курс 3. JavaScript в браузере

Что вас ждет в модуле:

С помощью JavaScript вы научитесь добавлять динамичности интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model), а также внешними API.

Проектный результат:

Во время курса вы сделаете несколько небольших проектов, например: виджет погоды, интерфейс создания и ввода пин-кода, форму отправки отзыва с рейтингом заведения. В конце курса вас ждет создание многопользовательской браузерной игры камень-ножницы-бумага.

Курс 4. Инструменты разработки

Что вас ждет в модуле:

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

Проектный результат:

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

Курс 5. Фреймворк React

Что вас ждет в модуле:

Фреймворк React — это набор готовых решений и функций на Java Script. Сегодня React — самый популярный фреймворк во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с бибилиотекой Rеdux.

Проектный результат:

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

Курс 6. Знакомство с бэкенд-разработкой

Что вас ждет в модуле:

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node.js, базами данных.

Проектный результат:

В рамках этого короткого модуля вы подключите собственный бекэнд к проекту из курса по React.

Курс 7. Процессы командной разработки

Что вас ждет в модуле:

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

Проектный результат:

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

Курс 8. Финальный индивидуальный проект

Финальный проект — это время собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

Кому подойдёт курс:

• Тем, кто хочет освоить программирование

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

• Тем, кто пробовал кодить сам

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

• Тем, кто хочет сменить профессию

Вы получите структурированную информацию, которая станет базой для старта, готовое портфолио и помощь в дальнейшем трудоустройстве

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

Часть 1. Frontend-разработка 

• HTML-вёрстка с нуля до первого макета

Курсовой проект — вёрстка сайта

• Мобильная и адаптивная вёрстка

Курсовой проект — адаптивная вёрстка сайта

• Основы программирования

Курсовой проект — игра на JavaScript

• Git — система контроля версий
• Основы JavaScript

Курсовой проект — биржа валюты

• Основы JavaScript в браузере

Курсовой проект — учёт финансов

• Продвинутый JavaScript

Курсовой проект — онлайн-игра

• Продвинутый JavaScript в браузере

Курсовой проект — бот для поиска информации

• Библиотека React

Курсовой проект — интернет-магазин

Часть 2. Backend-разработка

• Основы PHP
• Продвинутый PHP
• Фреймворк Laravel

Дополнительные модули

• Английский язык для начинающих разработчиков
• Основы графического дизайна
• Карьера в веб-разработке

Ключевые навыки:

1. Вёрстка веб-страниц: HTML, CSS
2. Адаптивная и мобильная верстка
3. Контроль изменений кода проекта, работа на GitHub
4. Решение задач с использованием JavaScript
5. Создание интерактивных веб-страниц
6. Использование библиотеки React, JSX, React router, VirtualDom
7. Применение принципов клиент-серверного взаимодействия
8. Бэкэнд на PHP
9. Работа с библиотекой Laravel для разработки бэкэнда

Что вы будете уметь после обучения:

• Верстать сайты и приложения для всех типов устройств

Узнаете о тонкостях вёрстки под iOS и другие мобильные операционные системы

• Решать задачи с использованием JavaScript

Узнаете всё о семантике, синтаксисе и архитектуре языка и сможете создавать сайты и приложения

• Оформлять решения, как это делают опытные разработчики

Изучите подходы к решению задач и варианты практического использования инструментов

• Использовать библиотеку React

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

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

• HTML-вёрстка с нуля до первого макета

Курсовой проект — вёрстка сайта

• Мобильная и адаптивная вёрстка

Курсовой проект — адаптивная вёрстка сайта

• Английский язык для начинающих разработчиков

Бонусный модуль

• Основы программирования

Курсовой проект — игра на JavaScript

• Git — система контроля версий
• Основы JavaScript

Курсовой проект — биржа валюты

• Основы JavaScript в браузере

Курсовой проект — учёт финансов

• Продвинутый JavaScript

Курсовой проект — онлайн-игра

• Продвинутый JavaScript в браузере

Курсовой проект — бот для поиска информации

• Библиотека React

Курсовой проект — интернет-магазин

• Основы графического дизайна
• Карьера в Frontend-разработке

Ваше резюме после обучения:

Умею делать

• Интернет-магазин обуви
• Онлайн-игру «ходилку»
• «Крестики-нолики» на JavaScript
• Cайт-биржу по продаже криптовалюты
• Веб-менеджер личных финансов
• Бот для поиска и хранения информации
• Систему бронирования ж/д-билетов

Мои навыки

• Вёрстка под тач и мобильные устройства
• Работа с Flexbox и JavaScript
• Способность правильно использовать переменные, числа и строки
• Создание прототипа и конструктора объекта
• Использование выражений в JavaScript
• Применение символов, итераторов и генераторов
• Импорт и экспорт модулей
• Создание интерактивных веб-страниц
• Работа с файлами и медиаресурсами
• Применение принципов клиент-серверного взаимодействия
• Создание одностраничных веб-приложений (SPA)
• Навыки использования библиотеки React, JSX, React router, VirtualDom

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

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

Учим необходимому:

Основы вёрстки и позиционирования контента

Изучите базовые принципы работы с HTML и CSS. Познакомьтесь с возможностями разметки контента и научитесь правильно размечать данные и располагать их на странице с помощью базовых инструментов позиционирования. Настройте своё первое рабочее окружение.

Темы

• Базовая структура документа
• Разметка различных типов элементов
• Стилизация элементов с использованием CSS
• Принципы организации CSS кода
• Позиционирование с помощью свойства position
• Использование современных инструментов для вёрстки (редакторы кода, плагины)
• Отладка кода с использованием DevTools
• Базовая настройка окружения для вёрстки (node, npm, stylelint, htmlhint, surge)

Продвинутое позиционирование элементов и адаптивность

Изучите возможности позиционирования элементов с помощью трёх основных CSS модулей: Columns, Flex и Grid. Научитесь выбирать оптимальный инструмент исходя из потребностей. Узнайте, как адаптировать страницу под различные устройства.

За 5 недель вы научитесь:

Как устроен интернет

• Основательно разберётесь в том, что такое: HTTP, IP, DNS, хостинг, хостер, домен, сервер, клиент и пр.

HTML и CSS

• Самостоятельно верстать сайты любой сложности с применением Flexbox и BEM-naming.

Кроссбраузерная вёрстка

• Ваша вёрстка будет отлично работать на всех браузерах в разных операционных системах.

Работа с макетами

• Вы научитесь работать с макетами с помощью простого и удобного инструмента Figma.

Workflow

• Вы будете работать в идеально настроенной под вас среде разработки: VS Code, Emmet, FTP-клиент.

Верстать сайты "под ключ"

• Размещать сайты на собственном хостинге с привязкой доменных имён.

Что ожидать от обучения?

Насыщенная программа

• 16 обучающих модулей, 100+ часов обучения.

Поддержка наставника

• Практикующий IT-специалист будет отвечать на любые вопросы и делать кодревью.

Готовое портфолио

• Многостраничный сайт, демонстрирующий уровень ваших знаний.

Доступ к материалам

• Не ограничен рамками курса. Вы можете продолжить учиться, когда захотите.

Telegram-чат

• При изучении материалов вы можете задавать вопросы одногруппникам и команде курса.

Сертификат

• С уникальным ID, подтверждающий уровень ваших знаний.

Ламповая атмосфера

• Никаких скучных и занудных “дядек“. В Loftschool вас будут учить в атмосфере rock-and-roll.

Начало карьеры

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

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

Неделя 1 — Работа с хостингом, HTML

• Знакомимся со своим личным наставником и группой.
• Учимся работать с панелью хостинга и с файлами через FTP.
• Делаем разметку для первой страницы проекта.
• Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
• VSCode. Обзор редактора
• Устройство интернета
• Работа с GitHub Pages
• HTML
• БЭМ. Разметка элементов страницы
• Воркшоп

Неделя 2 — CSS, работа с макетом, Perfect Pixel

• Стилизуем элементы главной страницы.
• Изучаем свойства позиционирования и поведение блочной модели.
• Figma для верстальщика
• CSS. Работа со стилями
• Работа со шрифтами
• Блочная модель
• Стилизация проекта
• Воркшоп

Неделя 3 — Flexbox, БЭМ-нейминг

• Изучаем свойства флексбокса и применяем их к главной странице.
• Пишем разметку для оставшихся страниц проекта.
• Приводим верстку в состояние Perfect Pixel.
• Flexbox
• Построение лейаута и БЭМ-нейминг
• Flexbox. Реализация проекта

Неделя 4 — CSS-анимации

• Подключаем иконки к проекту с применением спрайтов.
• Реализуем динамические элементы страниц.
• Дорабатываем проект.
• Частые приемы верстки
• Анимации CSS
• Анимации. Реализация проекта

Неделя 5 — Защита выпускного проекта

• Дорабатываем проект.
• Сдаём проект на проверку наставникам.
• Выставление оценок в дипломы.

Эта программа подойдет тем, кто:

Никогда не работал

• и хочет получить востребованную‍ профессию и трудоустроиться с нуля

Хочет сменить работу

• и получить актуальную высокооплачиваемую специальность в IT

Профессиональные навыки:

• Изучите ключевые инструменты IT, стандарты кодирования, базы данных и системы аналитики
• Изучите операционные системы, их особенности и механизм работы
• Откроете для себя языки программирования, их принципиальные отличия и практики использования

Что вы изучите:

• Языки программирования
• Стандарты кодирования
• Профессии в IT
• Инструменты в IT
• Информатика
• Операционные системы
• Алгоритмы и структуры
• Контроль версий
• Базы данных
• Математика

Специализации:

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

Программист

• Вы получите фундаментальные знания в программировании, погрузитесь в выбранную технологию, изучите конкретные стеки и разберетесь на практике, как они работают

Тестировщик

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

Аналитик

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

Проджект-менеджер

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

Продакт-менеджер

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

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

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

1. Курсы
2. Введение в программирование
3. Математика и информатика
4. Введение в контроль версий
5. Знакомство с языком программирования C#
6. Введение в базы данных

Кому подойдёт этот курс

• Новичкам в разработке
• Вы с нуля научитесь верстать сайты на HTML и CSS, создавать приложения и веб-страницы на JavaScript. Отработаете полученные знания на практике и соберёте портфолио.
• Начинающим программистам
• Вы расширите круг своих компетенций, изучив синтаксис JavaScript, CSS на продвинутом уровне. Научитесь настраивать командный доступ с Git и делать более чистые и качественные сайты.

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

1. Верстать сайты и приложения для всех типов устройств
2. Делать сайты, которые будут корректно открываться в любом браузере
3. Обрабатывать ошибки в JavaScript
4. Создавать сайты и приложения с помощью JavaScript
5. Подключать сторонние модули через npm
6. Писать асинхронный код на JavaScript
7. Работать в Git
8. Анимировать веб-страницы

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

1. Базовый уровень
2. Веб-вёрстка. Базовый уровень
3. Введение.
4. Базовый HTML.
5. Базовый CSS. Часть 1.
6. Базовый CSS. Часть 2.
7. Подготовка к вёрстке.
8. Layout. HTML-разметка.
9. Layout. Flexbox.
10. Layout. Стилизация.
11. Продвинутый HTML. Формы.
12. Продвинутый CSS. Часть 1.
13. Продвинутый CSS. Часть 2.
14. Адаптивность. Десктоп.
15. Адаптивность. Мобильные устройства.
16. JavaScript для верстальщика.
17. Доступность.
18. Кросс-браузерность.
19. База знаний.
20. Сетки.
21. Работа с хостингом.
22. Анимация.
23. JavaScript. Базовый уровень
24. Введение.
25. Переменные и работа с числами.
26. Строки, boolean и условные операторы.
27. Массивы и циклы.
28. Функции.
29. Объекты.
30. Введение в DOM.
31. Введение в DOM. Часть 2.
32. Константы, области видимости и замыкания.
33. Преобразование типов и нестрогие сравнения.
34. Общение с сервером, async/await.
35. Продвинутый уровень
36. Веб-вёрстка. Продвинутый уровень
37. Верстка HTML-писем.
38. SVG.
39. Анимация на JS.
40. Оптимизация и процесс загрузки.
41. Отрисовка сайта
42. Сборщики.
43. Препроцессоры и постпроцессоры.
44. CSS Grid.
45. Будущее вёрстки.
46. JavaScript. Продвинутый уровень
47. События браузера, контекст выполнения.
48. Модули.
49. Event loop и асинхронная разработка.
50. Обработка ошибок.
51. Классы.
52. События.
53. Экосистема JavaScript и npm.
54. Сборка.
55. Тестирование.
56. База знаний.
57. Онлайн-сессии по веб-разработке
58. Библиотека jQuery.
59. Адаптация макета под мобильные устройства.
60. Практикум по интерактивным элементам.
61. Что такое Webpack.
62. Сборка проекта на Gulp и обзор препроцессора Sass.
63. Анимация в CSS.
64. Итоговые проекты
65. Проекты по вёрстке
66. Вы сверстаете лендинг и интернет-магазин.
67. JavaScript
68. Создадите CRM-систему для компании и разработаете клиентскую часть для интернет-банка.

Профессиональные навыки:

• Адаптивная и кроссбраузерная вёрстка
• Работа с протоколами HTTP/HTTPS
• Работа с Web API
• Использование библиотеки для ускорения процесса разработки
• Сборка проектов
• Взаимодействие со внешними сервисами
• Работа с системой контроля версий Git
• Владение методологией БЭМ
• Верстка под десктоп и мобильные устройства

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

• Новичкам
• Поможем начать карьеру frontend-разработчика, научим создавать красивые сайты и удобные интерфейсы.
• Начинающим веб-разработчикам
• Поможем ускорить карьерный рост: вы получите новый опыт работы с HTML, CSS, JavaScript, ReactJS, Node.js.
• Практикующим IT-специалистам
• Поможем перейти в перспективное направление, чтобы заниматься любимым делом и больше зарабатывать.

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

Подготовительный блок

Как учиться эффективно. Видеокурс от методистов GeekUniversity

— Особенности обучения в GeekUniversity

— Почему тяжело учиться

— Инструменты для самообразования

— Учимся от компетенций

— Особенности обучения взрослых

— Постановка целей по схеме SMART

— Как формулировать образовательный запрос

Основы программирования

— Создание переменных;

— Операции сложения, вычитания, деления и умножения;

— Логические операции;

— Работа с массивами;

— Функции.

Git. Базовый курс

Git очень важен для любого современного разработчика, так как закладывает тот базис, который необходим для удобной командной работы внутри коллектива и работы со сторонними open source-решениями.

I четверть

Веб-верстка

— Научитесь верстать сайты, создадите страницу и подготовитесь к созданию планировщика задач

— Освоите библиотеку Bootstrap, препроцессоры LESS и SASS

— Освоите адаптивную вёрстку, принципы кроссбраузерности и валидности

— Создадите посадочную страницу

HTML/CSS. Интерактивный курс

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

— Основы языка разметки HTML

— Основы таблиц стилей CSS

— Основные теги, псевдоклассы и псевдоэлементы

— Основы позиционирования и работа с технологией CSS Flexbox

— Работа с макетом в графическом редакторе Figma

— Основы создания адаптивного сайта

— Веб-стандарты и вспомогательные инструменты

Профессиональная вёрстка

— Позиционирование элементов. Практическая верстка

— Структура HTML5, знакомство с формами

— Практическое применение Bootstrap

— Препроцессоры: применение на практике

— Эффекты перехода и трансформации в CSS3

— CSS3: медиа-запросы, адаптивная верстка

— Практическое применение адаптивной верстки

— Grid layout, новые возможности CSS3

II четверть

Frontend-разработка

— Освоите JavaScript и принципы ООП

— Научитесь работать с Parcel, Webpack, Vue.js и сторонними API

— Сможете работать в различном окружении и подключать сторонние библиотеки

Проект

— Приложение для учета расходов

Базовый курс JavaScript

— Основы языка JavaScript

— Основные операторы JavaScript

— Циклы, массивы и структуры данных

— Объекты в JavaScript

— Введение в DOM — объектную модель документа

— Обработка событий в JavaScript

— Урок-практикум

— Анонимные функции и замыкания

Продвинутый курс JavaScript

— Современный JavaScript

— Объектно-ориентированное программирование (ООП) в JavaScript

— Асинхронные запросы

— Регулярные выражения

— Фреймворк Vue.js

— Компоненты Vue.js

— JavaScript на сервере

— Тестирование и сборка кода

Инструменты сборки проектов

— Установка и работа с упаковщиками Parcel и Webpack

— Работа с таск-менеджером Gulp

— Работа с менеджером пакетов npm

— Подключение сторонних пакетов и библиотек

Vue.js

— Знакомство с Vue.js

— Взаимодействие компонентов Vue.js

— Методы и директивы

— Vue CLI для создания проекта приложения Vue.js

— Работа с маршрутизатором Vue Router

— Работа с паттерном управления состоянием Vuex

— Работа с API — программным интерфейсом приложения

III четверть

Библиотека ReactJS и основы backend-разработки

— Научитесь работать с ReactJS

— Сможете применять ECMAScript 6 и использовать концепцию Flux

— Освоите основы разработки бэкенда на Node.js и сможете создавать различные REST API

ReactJS. Базовый курс

— Настройка среды разработки и первое React-приложение

— Жизненный цикл React-компонента

— Погружение в React и подключение UI-библиотеки

— Роутинг в React: разделение мессенджера на чаты

— Библиотека Redux для JavaScript

— Функции Redux middleware. Подключение роутера к Redux и хранение данных с помощью библиотеки Redux persist

— Работа с API

— Прогрессивное веб-приложение (Progressive Web App)

Платформа Node.js

— Знакомство с Node.js

— Консольные программы

— Работа с сетевыми запросами

— Фреймворк Express

— Работа с MySQL — системой управления базами данных

— Аутентификация и авторизация

— Работа с архитектурным подходом REST API

— Веб-сокеты (WebSockets)

IV четверть

Разработка от идеи до релиза

— Познакомитесь с методологиями Agile, Scrum, Kanban

— Получите навыки командной разработки и научитесь работать с GIT 

— Изучите принципы Continuous Integration и Continuous Delivery

Проекты

— Командный выпускной проект. Пройдете этапы профессиональной разработки: от поиска идеи до тестирования и релиза продукта

TypeScript

— Введение в TypeScript.

— Система типов в TypeScript

— Обобщённое программирование

— Работа с JavaScript кодом

— Классы и ООП

— Расширенная настройка tsconfig

Agile, Scrum. Теория

Научитесь отслеживать развитие проекта, оценивать риски, расставлять приоритеты и управлять разработкой.

Командная разработка по методологии Agile: SCRUM

Работа в команде над выпускным проектом. Свободный проект (студенты выбирают сами).

Дополнительные курсы

Их тоже нужно пройти, чтобы получить диплом и помощь в трудоустройстве. Записаться на курсы с открытой датой можно в любой день, даже после окончания всех курсов в расписании.

Базы данных

— Вебинар. Установка окружения и DDL-команды

— Видеоурок. Управление базой данных и работа с языком запросов SQL

— Вебинар. Введение в проектирование баз данных

— Вебинар. CRUD-операции

— Видеоурок + вебинар: операторы, фильтрация, сортировка и ограничение. Агрегация данных

— Видеоурок + вебинар: сложные запросы

— Видеоурок + вебинар: транзакции, переменные, представления. Администрирование. Хранимые процедуры и функции, триггеры

— Видеоурок + вебинар: Оптимизация запросов. NoSQL

Linux. Рабочая станция

— Установка и знакомство с Linux

— Настройка интерфейса командной строки

— Управление пользователями и группами

— Загрузка ОС и процессы

— Устройство файловой системы Linux. Понятия файла и каталога

— Введение в скрипты Bash. Планировщики задач crontab и at

— Управление пакетами и репозиториями. Основы сетевой безопасности

— Введение в Docker

Ключевые навыки

— Верстаю сайты и владею адаптивной версткой.

— Создаю одностраничные приложения 

— Работаю с HTML и CSS, Node.js

— Владею инструментами для модульной сборки — Parcel и Webpack

— Использую Vue.js и основных библиотек его экосистемы, разрабатываю компоненты на Vue.js

— Работаю с библиотекой ReactJS

— Использую концепцию Flux с применением библиотек Redux

О курсе

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

Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.

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

Для кого этот курс

• Для тех, кто хочет стать веб-разработчиком
• Основная задача курса - подготовить вас к профессии. После обучения вы сможете найти работу и уже в рамках компании быстро развивать свои навыки
• Для тех, кто хочет попробовать новую сферу
• Веб-программирование остаётся одной из самых востребованных профессий и не собирается сдавать позиции. Это перспективная сфера, в которую ещё есть время попасть, чтобы успешно конкурировать на рынке труда

Вы научитесь

• HTML/HTML5, CSS/CSS3
• Сетевые технологии и протоколы TCP/IP, HTTP, HTTPS, FTP
• Многоколоночные макеты с flexbox
• Вёрстка адаптивных версий сайтов
• Анимация с помощью HTML5 и CSS3
• JavaScript
• Основы React
• Основы Typescript
• Основы PHP
• Знание основ Adobe Photoshop/Figma для верстальщика

Кому подойдёт этот курс

• Новичкам
• Вам не нужно разбираться в математике или иметь опыт в программировании. Шаг за шагом вы научитесь разрабатывать сайты. Начнёте с простых лендингов, а к концу обучения будете знать фреймворки, создавать сложные корпоративные сервисы и работать в команде.
• Начинающим программистам
• Превратите программирование из хобби в прибыльную профессию. Освоите продвинутые навыки вёрстки, глубже изучите JavaScript и фреймворки. Закроете пробелы в знаниях и сможете претендовать на позицию middle-разработчика в большой компании.
• Фрилансерам без опыта в IT
• Если вы устали от скучной работы и хотите построить карьеру в IT — курс станет хорошим путеводителем в мир веб-разработки. После обучения у вас будет мощное портфолио, опыт командной работы и все необходимые знания для работы на удалёнке или в крутой команде.

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

1. Верстать сайты правильно
2. Детально изучите все возможности современного CSS, научитесь верстать адаптивные сайты, которыми удобно пользоваться. Сделаете проекты эстетичнее при помощи анимаций и переходов.
3. Программировать на JavaScript
4. Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования.
5. Работать с современными фреймворками
6. С помощью фреймворков вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера. Вы сами выбираете, что учить — React или Vue.
7. Работать с Git
8. Будете сохранять все этапы работы над проектами, чтобы у коллег всегда был доступ к коду, а случайные ошибки можно было исправить в два клика.
9. Создавать красоту в команде
10. Научитесь работать по спринтам и Scrum-методологии. Под руководством тимлида вместе с другими студентами напишете веб-приложение.

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

Основные курсы

1. Веб-вёрстка
2. Базовый уровень: вы познакомитесь с HTML и CSS, кросс-браузерной и адаптивной вёрсткой. Научитесь работать с анимацией и хостингами. Сверстаете сайт для художественной галереи по готовым макетам.
3. Продвинутый уровень: узнаете, как автоматизировать сборку проектов и быстрее описывать стили с помощью препроцессоров. Научитесь верстать письма, создавать сетки на grid.
4. JavaScript
5. Базовый уровень: научитесь работать с переменными и числами, изучите массивы, циклы, объекты и функции. Познакомитесь с константами, ключевыми словами const и var, областями видимости, замыканиями и научитесь их использовать в работе.
6. Продвинутый уровень: освоите работу с модулями, событиями и менеджером пакетов npm. Научитесь создавать методы объектов и прототипов, писать тесты и взаимодействовать с сервером с помощью fetch API.

Курсы на выбор

1. React.js
2. Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
3. Vue.js
4. Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js.

Дополнительные курсы

1. Универсальные знания программиста
2. Курс по слепому методу печати
3. Photoshop
4. Figma
5. Английский для IT-специалистов
6. Система контроля версий Git
7. Язык запросов SQL
8. Карьера и развитие программиста
9. Soft skills для программиста
10. Работа в командной строке Bash
11. Алгоритмы и структуры данных

Дипломные проекты

1. Лендинг
2. Вы сверстаете посадочную страницу, продвигающую вас как фриланс-разработчика.
3. Сайт
4. Вы создадите сайт из трёх страниц, функционирующий как интернет-магазин.
5. Интернет-магазин
6. Вы разработаете полноценный интернет-магазин с помощью Vue.js.
7. Трекер задач по системе «Помодоро»
8. Вы напишете трекер с таймером, который поможет сфокусироваться на работе.

Профессиональные навыки:

• Адаптивная и кроссбраузерная вёрстка
• Корректирование макетов в Figma и Photoshop
• Знание JavaScript
• Разработка по scrum-методологии
• Работа с Web API и протоколами HTTP/HTTPS
• Знание SQL
• Создание сайтов и приложений на Vue.js, React.js
• Работа в командной строке Bash
• Продвинутые навыки работы с CSS3 и HTML5
• Работа с системами контроля версий Git
• Создание серверных решений
• Деплой, сборка проектов под продакшн