Front End разработка
Курс "Front End разработка" предоставляет участникам основы веб-разработки, охватывая HTML, CSS и JavaScript. Учащиеся научатся создавать отзывчивые и функциональные интерфейсы, адаптированные для разных устройств. В процессе обучения студентов ждут практические задания, направленные на развитие навыков в решении реальных задач. По окончании курса участники смогут создавать привлекательные и профессиональные веб-сайты, готовые к запуску на продакшен.
29 недель, 116 академических часов
2 занятия в неделю по 2 академических часа
400 000 тг за весь период обучения
Онлайн
Онлайн занятия проводятся в Google Meet.
Соотношение теории к практике - 50/50.
Студент обязуется успешно завершить обучение.
Особое условие - в случае нарушения правил обучения, низкой посещаемости (более 50% пропусков) и успеваемости (ниже 5/10 баллов) студент отчисляется и обязан вернуть полную стоимость гранта.
Система оценки успеваемости на курсе будет основана на практических заданиях и проектах, которые студенты будут выполнять в течение курса. Каждое задание/проект будет оцениваться по нескольким критериям, таким как соответствие требованиям, качество кода, использование современных технологий и т.д. Максимальный балл - 10. Кроме того, на курсе будут проводиться тесты и экзамены, чтобы проверить понимание теоретической базы и навыков front-end разработки.
Критерий завершения обучения - средний балл выше 5/10, или выше 50%.
Отбор студентов на курс будет проводиться на основе онлайн-анкетирования и просмотра эссе, в которых студенты должны указать свой интерес к разработке web приложений, а также обосновать, почему они хотят изучать эту тему. После этого студенты проходят собеседование. Мы ищем студентов, которые заинтересованы в разработке мобильных приложений, будет плюсом обладание базовыми знаниями программирования. Также мы оцениваем мотивацию и готовность студентов к обучению, а также их способность работать в команде. Курс Front-End разработки – это отличная возможность для тех, кто хочет научиться создавать web-приложения и получить практические навыки для работы в индустрии web разработки.
Программа обучения
29 недель- Неделя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
Финальный проект. Защита. / Практика
