Курс «Frontend-разработчик»

Научимся работать с HTML + CSS, что является базой для любого веб-разработчика

Вы научитесь:

• Основным HTML тегам;
• Разметке страницы;
• Способам работы с CSS;
• Позиционированию элементов;
• Адаптивной верстке;
• BootsTrap;
• Форматам графики;
• Работать со шрифтами;
• Иконочным шрифтам;
• Работать с терминалом

Методический план:

Познакомимся с файлами расширения .css. В таких файлах хранятся параметры внешнего вида, того или иного элемента или класса. Научимся применять команду background-colour.

Итог модуля:



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

Мы не просто изучим JavaScript как язык программирования, а будем решать на нем задачи

Вы научитесь:

• Писать простые программы на JavaScript;
• Обращаться к библиотеке jQuery;
• Применять ООП в JavaScript;
• Пользоваться различными API в браузере;
• Реализовать анимацию на JS

Методический план модуля:

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

Итог модуля:



В данном модуле мы познакомимся с экосистемой JavaScript, ключевыми возможностями языка, а также узнаем о чистых функциях и именовании.

TypeScript используется для создания интерактивных веб-страниц, мобильных приложений, разработки веб-приложений, расширяющее возможности JavaScript

Вы научитесь:

• Писать простые программы на TypeScript;
• Рассмотрим более сложные и расширенные типы данных в TypeScript;
• Основам работы с функциями;
• Механизмам обработки ошибок и исключений;
• Концепции декораторов;
• Асинхронному программированию;
• Интеграции TypeScript с существующим JavaScript-кодом

Методический план:

На уроках рассмотрим типы функций, включая входные параметры и возвращаемые значения. Создадим объекты и классы. Используем операторы для обработки ошибок в коде

Итог модуля:



В третьем модуле мы изучим возможности TypeScript, а так же процесс интеграции TypeScript с существующим JavaScript-кодом

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

Вы научитесь:

• Менеджер пакетов npm;
• Введение в React;
• Хук UseState;
• Работа с компонентами;
• Жизненный цикл компонента;
• Роутинг;
• Контексты;
• Стейт-менеджеры Мемоизация;
• Работа с SASS;
• Подключение библиотек и UI компонентов;
• Организация структуры проекта;
• Работа с Next.js

Методический план:

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

Итог модуля:



В четвертом модуле мы углубленно изучим функционал фреймворка React JS. Научимся создавать и использовать компоненты, как нам угодно. Подключать готовые библиотеки для упрощения работы со стилями. Перенаправлять пользователя на разные элементы сайта. Создавать полноценные приложения.

Введение учащихся в различные методологии управления проектами, такие как Scrum, Kanban и Waterfall, и их применение в веб-разработке.

Вы научитесь:

• Писать техническое задание (ТЗ) для веб-проектов и разрабатывать техническую документацию;
• Методам декомпозиции сложных задач на более мелкие и управляемые части;
• Методам готовности и выпуска проектов

Методический план:

На уроках, вы разберете важности командной работы и коммуникации между разными ролями в проекте, значение технической документации, включая описание архитектуры, схемы базы данных, API-документацию и т. д. Преподаватель проведет демонстрацию использования инструментов и досок для визуализации задач в Scrum и Kanban. Ученики поработают в группах или индивидуально, разбивая большую задачу на более мелкие части и определяя зависимости между ними, представят результаты своей декомпозиции перед аудиторией/преподавателем и обсудят стратегии и методы, которые они использовали

Итог модуля:



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