Front End разработка

• Главная
• Курсы

Курс "Front End разработка" предоставляет участникам основы веб-разработки, охватывая HTML, CSS и JavaScript. Учащиеся научатся создавать отзывчивые и функциональные интерфейсы, адаптированные для разных устройств. В процессе обучения студентов ждут практические задания, направленные на развитие навыков в решении реальных задач. По окончании курса участники смогут создавать привлекательные и профессиональные веб-сайты, готовые к запуску на продакшен.

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

29 недель, 116 академических часов
2 занятия в неделю по 2 академических часа

Стоимость курса

600 000 тг за весь период обучения

Формат обучения

гибрид
Онлайн занятия проводятся в Google Meet / Zoom.
Оффлайн занятия проводятся в учебной аудитории школы.
Соотношение теории к практике - 50/50.

Критерии оценки успеваемости студентов

Система оценки успеваемости на курсе будет основана на практических заданиях и проектах, которые студенты будут выполнять в течение курса. Каждое задание/проект будет оцениваться по нескольким критериям, таким как соответствие требованиям, качество кода, использование современных технологий и т.д. Максимальный балл - 10. Кроме того, на курсе будут проводиться тесты и экзамены, чтобы проверить понимание теоретической базы и навыков front-end разработки.
Критерий завершения обучения - средний балл выше 5/10, или выше 50%.

Этапы и критерии отбора потенциальных студентов

Отбор студентов на курс будет проводиться на основе онлайн-анкетирования и просмотра эссе, в которых студенты должны указать свой интерес к разработке web приложений, а также обосновать, почему они хотят изучать эту тему. После этого студенты проходят собеседование. Мы ищем студентов, которые заинтересованы в разработке мобильных приложений, будет плюсом обладание базовыми знаниями программирования. Также мы оцениваем мотивацию и готовность студентов к обучению, а также их способность работать в команде. Курс Front-End разработки – это отличная возможность для тех, кто хочет научиться создавать web-приложения и получить практические навыки для работы в индустрии web разработки.

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

• Неделя 1. Вступительное занятие

Обзор курса
Создание базовой HTML-страницы
HTML компоненты: ввод, кнопки, формы, элементы div, таблицы

• Неделя 2. CSS. Введение.

Стилизация элементов
Классы
Стили, цвета, положение, интервалы, выравнивание, шрифты, классы
Стилизация шрифтов с помощью CSS и веб-безопасные шрифты.
Центрирование элементов с помощью CSS.
Селекторы CSS и приоритет селекторов.

• Неделя 3. CSS (завершение)

Display
Flexbox
Grid
Игры на закрепление знаний

• Неделя 4. Bootstrap. Введение.

Система компоновки сетки
Контейнеры, компоненты
Карусели Bootstrap
Карточки Bootstrap
Навигационные панели

• Неделя 5. Tailwind CSS

Служебные классы
Mobile First Design
Создание собственной системы дизайна

• Неделя 6. SASS/SCSS

Синтаксис, переменные
@mixin, @include, @extend

• Неделя 7. Анимация и переходы CSS

Animation
Transition
Keypoints

• Неделя 8. Dark Mode. Темная тема.

Реализация с помощью классов, атрибутов
Пользовательские предпочтения: prefers-color-scheme

• Неделя 9. Введение в веб-дизайн и Figma

Стандарты современного дизайна: теория цвета, типография, layout
Введение в Figma. Принципы работы.
Работа с проектами.
Шаблоны.
Полезные виджеты для работы.

• Неделя 10. Совместный проект по начальным темам HTML и CSS. Разбор вопросов
• Неделя 11. Защита совместного проект по начальным темам HTML и CSS
• Неделя 12. JavaScript. Вступление

JS переменные, операторы, массивы, условия, методы прототипов массивов ES6
Установка окружения
Переменные

• Неделя 13. JavaScript

Управляющие структуры (if/else switch), циклы, массивы

• Неделя 14. DOM

Изучение древовидной структуры сайтов на основе HTML веб-сайтов
Перемещение по документу используя объектную нотацию.
Манипулирование и изменение HTML элементов, используя понимание DOM.

• Неделя 15. Расширенный Javascript и DOM

Map и Set
WeakMap и WeakSet
Всплытие и погружение

• Неделя 16. ООП в JavaScript

Классы
Наследование, Инкапсуляция, Абстракция, Полиморфизм

• Неделя 17. Асинхронность в JS

Async/await
Callbacks
Promises - then, catch, finally

• Неделя 18. HTTP

Настройка среды
HTTP request/response
Отправка запросов
Получение результатов
Fetch API, Axios

• Неделя 19. Работа с Rest API

JSON
Коды Статусов

• Неделя 20. Неделя практики

Отправка запросов
Получение результатов

• Неделя 21. Анимации JavaScript

X и Y оси
Скроллер, слайдер
Библиотека Anime JS

• Неделя 22. Node JS

Package
Npm dependencies
Сборщик Vite

• Неделя 23. Web Tokens

Postman
JWT токены и JSON

• Неделя 24. React JS

States and Props
Components
Conditional rendering
Working with lists

• Неделя 25. React Hooks

React Hooks
Custom React Hooks
Работа с API

• Неделя 26. Redux
• Неделя 27. Финальный проект. Начало. / Практика (по выбору)

Подготовка к финальному проекту и итоговому тестированию

• Неделя 28. Финальный проект. Разбор вопросов. / Практика
• Неделя 29. Финальный проект. Защита. / Практика