Juniors Code Academy

школа программирования в городе Кокшетау

Мы даем возможность получить новые знания, навыки и профессию в сфере IT

Начать обучение

Курс

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

Курс ориентирован на развитие практических навыков учащихся в веб-разработке. Структура курса подразумевает постоянное практическое выполнение заданий на протяжении занятий, домашние задания, тестовые задания по пройденным блокам(модулям). На протяжении 26 недель учащиеся освоят базовые навыки верстки, что позволит им в дальнейшем выполнять коммерческие заказы на фриланс, а также смело устраиваться на работу Junior веб-разработчиком. В рамках курса студенты ознакомятся c принципами адаптивной верстки, использованием фреймворков для ускорения работы, основы интерактивности веб-сайтов с помощью javascript.

Курс подойдет для студентов и выпускников технических специальностей ВУЗов и организаций ТиПО; кандидатов имеющих базовые знания по программированию

Teacher

Информация о преподавателе

Жусупов Абылайхан
Стаж педагогический:

5 лет


Общий проф.стаж:

10 лет

  • HTML, CSS
  • JavaScript
  • PHP
  • Python
  • C#
  • Blender
Banner Оставить заявку

  • Занятия

    2 дня в неделю

  • Стоимость

    600 000 тенге

  • Длительность

    26 недель, 104 академических часа

  • Формат занятий

    Уроки, office hours

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

    оффлайн

  • Язык обучения

    Русский

Учебный план курса

  • Модуль 1. Введение в HTML, Атрибуты, синтаксис и семантика HTML-элементов  
    Модуль 2. Структура страницы, ссылки, создание разметки сайта, меню, ошибки  
    Модуль 3. Основы CSS. Подключение стилевого файла. Понятия: селектор, свойство, каскад, наследование, единицы измерения. Изменение оформления страницы.
    Модуль 4. Размещение изображений, списков и таблиц, фреймы
    Модуль 5. Формы для сбора данных  
    Модуль 6. Макетирование страницы с CSS. Свойства float, display, сложные макеты
    Модуль 7. Таблицы стилей для печати и мобильной версии сайта  
    Модуль 8. Подготовка, размещение и поддержка сайта
    Модуль 9. Дополнительная информация  
    О генерации содержимого сайта на сервере (Python, JS, PHP и др.).
    Об использовании JavaScript в браузере (+ HTML5 API).
    О вспомогательных инструментах (Figma, AI и др.).
  • Модуль 1. Эффективное использование инструментов разработки веб-страниц Инструменты: браузеры, редакторы, плагины, установка и настройка Bracket, поиск ошибок в коде, Accesebility (доступность)
    Модуль 2. CSS селекторы в CSS3
    Мультиклассы, селекторы по атрибутам, спрайты, севдоклассы, Селекторы псевдоэлементов, комбинированные селекторы, специфичности селекторов
    Модуль 3. CSS свойства, модульная система CSS
    Единицы измерения. Блочная модель. Работа с display, flex
    background, Создание градиентов. Переходы на transition.
    Позиционирование, центровка элемента
    Модуль 4. Создание выпадающего меню с эффектами  
    Оформление списков. Создание счётчиков и сквозной нумерации.
    Трансформации, анимация. Анимация выпадающего меню
    Модуль 5. Вёрстка HTML-форм и элементов форм
    Формы. Кнопки и текстовые поля. Оформление checkbox
    Модуль 6. Работа со шрифтами
    @font-face. Google Fonts
    Модуль 7. Финишная вёрстка макета  
    Нарезка макета. Создание структуры страницы.
    Создание мобильной версии страницы
    Модуль 8. Методологии верстки  
    Методология Яндекс.БЭМ. Методология ООCSS.
    Принципы оформления кода
    Модуль 9. CSS-фреймворки  
    Bootstrap. Foundation
  • Модуль 1. Основы программирования  
    Введение в JavaScript. Обзор базовых типов. Операторы. Выражения и инструкции. Переменные и константы. Тривиальные типы
    Модуль 2. Управляющие конструкции  
    Цикл while, for, do while. Операторы инкремента и декремента
    Управляющие конструкции if – else if – else. Управляющая конструкция switch
    Модуль 3. Функции  
    Понятие функций. Аргументы функции. Возврат значений.
    Области видимости. Функция-выражение. Анонимная функция
    Модуль 4. Объектные типы  
    Свойства и методы объекта, функций
    Модуль 5. Объектно-ориентированное программирование  
    Конструкторы объектов. Прототипы. Классы.
    Модуль 6. Дополнительная информация  
    Работа со строками. Работа с JSON. Обзор других встроенных объектов
  • Модуль 1. Углубленная работа с функциями
    Методы apply, call, bind. Замыкания. Рекурсия. Функции высшего порядка.
    Модуль 2. Методы массивов
    Методы map, filter, reduce. Остальные методы
    Модуль 3. Объектная модель браузера  
    Введение в BOM/DOM. Событийные HTML-атрибуты. Таймеры и requestAnimationFrame. Интерфейсы. Поиск элементов и коллекции
    Модуль 4. DOM  
    Document Object Model (DOM). Типы узлов. Связи между объектами.
    Свойства и методы интерфейсов Document, Свойства и методы интерфейса
    Модуль 5. События  
    Наборы и модели событий. Назначение обработчиков. Собственные события
    Модуль 6. Введение в асинхронный JS  
    Promise. async/await. Введение в Fetch API
    Модуль 8. Введение в модули и Node.js  
    Что такое модули. Импорт/экспорт. Что такое Node.js. Запуск скриптов.
    Модуль 9. Тестирование и сборка  
    Введение в тестирование. Установка и настройка Jest.js. Написание и запуск тестов. Установка Parsel.js. Настройка сборки
  • Модуль 1. Разбор проекта и декомпозиция на задачи  
    Обсуждение проекта
    Постановка задач (Фронт)
    Модуль 2. Вспоминаем важное  
    Git. Настройка окружения. Основные концепции React (Фронт)
    Модуль 3. Фронт: Проработка структуры необходимых компонентов  
    Создание spa роутов. Подготовка mock-данных. Ревью кода
    Модуль 4. Фронт: Создание необходимых страниц (компонентный подход) динамическая отрисовка данных.
    Фронтовая часть авторизации. Функционал добавления новых квартир, редактирование и удаление существующих. Переход с mock данных на серверный API по готовности. Ревью кода
    Модуль 5. Защита проекта

Навыки

  • Создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
  • Верстать веб-страницы с применением современных технологий HTML и CSS: анимация, трансформация, адаптивная верстка;
  • Использовать современные CSS-фреймворки Bootstrap, Foundation;
  • Управлять браузерами и элементами HTML-страниц с помощью JavaScript;
  • Базовые навыки программирования на React.js;
  • Квалификация по завершению курса - Junior Web Developer;

Процесс отбора студентов

  1. 1. Оценка базовых навыков: тестирование на базовые знания и навыки специализации, логическое и аналитическое мышление.
  2. 2. Интервью с преподавателем курса. Это поможет нам оценить, насколько кандидаты подходят для конкретной программы и насколько они могут быть мотивированы в процессе обучения.
  3. 3. Школа принимает решение и оповещает кандидатов о принятом решении.

Особые условия

При поступлении студентом вносится Гарантийный взнос в размере 50 000 тг и возвращается только лишь при условии окончания студентом курса в полной мере (26 недель).

Наша команда

Наши контакты

Адрес: г. Кокшетау, пр. Назарбаева 17а
Телефон: +7 (701) 671 36-96
Почта: juniorscode03@gmail.com

Оставьте заявку на обратный звонок!

    Нажимая на кнопку, я соглашаюсь на сбор и обработку персональных данных