Профессия "Frontend-разработчик" | Онлайн и офлайн обучение Frontend

Какие проекты вы сделаете на курсе?

тема

CSS

проект

Landing Page: E-Book

описание

Одностраничный сайт для продвижения электронной книги.

тема

CSS

проект

Landing Page: Образовательная платформа

описание

Одностраничный сайт для рекламы образовательной платформы.

тема

CSS

проект

Landing Page: New Island

описание

Одностраничный сайт компании которая организует туры по Новой Зеландии.

тема

CSS: Адаптивная верстка

проект

Магазин NFT

описание

Магазин NFT с адаптивной версткой на мобильные устройства.

тема

CSS: Адаптивная верстка

проект

Образовательная платформа

описание

Образовательная платформа с адаптивной версткой на мобильные устройства.

тема

Базовый JavaScript

проект

Текстовая викторина

описание

Консольная игра - викторина с вариантами ответом и подсчетом баллов.

тема

Базовый JavaScript

проект

Текстовая RPG

описание

Консольная игра c персонажем, шкалой здоровья и возможность выбора действия персонажа

тема

JavaScript - работа в браузере

проект

Генератор profile README для GitHub

описание

Код на JavaScript который генерирует файл README, который содержит основную информацию о проекте.

тема

JavaScript - работа в браузере

проект

ToDo List

описание

Приложение ToDo List в современном дизайне с возможностью добавления, редактирования, удаления задач и выставления статусов.

тема

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

проект

Киносайт

описание

Киносайт с возможностью поиска фильма по названию и с помощью различных фильтров. Множество различных категорий фильмов.

тема

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

проект

Книжный сайт

описание

Сайт с большим ассортиментом книг с возможностью поиска книг по названию и по автору. На сайте есть сортировка по категориям и множество других фильтров.

тема

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

проект

Интернет магазин

описание

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

тема

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

проект

Сайт отеля

описание

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

тема

React

проект

Клон Twitter

описание

Полноценный клон twitter с большей частью его функционала со стороны пользователя.

тема

React

проект

Интернет магазин одежды

описание

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

тема

React

проект

Книжный сайт

описание

тема

React

проект

Киносайт

описание

Киносайт с возможностью поиска фильма по названию и с помощью различных фильтров. Отображение рейтинга фильма и все сопутствующей фильму информации.

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

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

Последнее обновление курса:
20 сентября 2023 г.

1. Вводный модуль. HTML

0.8 недель (5 часов)

3 темы

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

Как работает интернет. Введение в WEB программирование. Рабочее пространство: 1ч.

Введение в HTML (Создание WEB страницы, Head&Body, Работа с текстом, Блочные и строчные элементы, Изображения, Ссылки, Списки, Таблицы): 2ч.

HTML (Формы, Мнемоники в HTML (спецсимволы), Добавление аудио, Добавление видео, Iframe): 2ч.

2. CSS

2 недели (12 часов)

4 темы

1 проект в портфолио

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

Введение в CSS (Синтаксис CSS, Способы подключения CSS, Стилизация текста, Подключение шрифтов, Работа со списками, Стилизация блочных элементов, Практика): 2ч.

CSS (Единицы измерения CSS, Селекторы, Индендификаторы, Псевдоклассы, Атрибуты, Позиционирование блоков (Float, Position, z-index)): 2ч.

CSS (Тени, Градиент, Фон, Трансформация, Анимация, Normalize.css и Reset.css, Карты): 4ч.

Проект: Правила верстки (Семантика), Верстка прототипа Сайта с Figma (Работа с Figma для верстальщиков): 4ч.

3. CSS: Адаптивная верстка

3 недели (18 часов)

6 тем

1 проект в портфолио

В этом модуле вы освоите адаптивную верстку, изучите принципы работы с Flex-box и Grid Layout. Вы узнаете о препроцессоре SASS и методологии БЭМ. Практическое занятие даст возможность применить знания на практике, а затем вы сможете создать адаптивный сайт, используя накопленные навыки.

Адаптивная верстка (media): 2ч.

Flex-box верстка: 3ч.

Grid Layout: 3ч.

SASS + БЭМ: 2ч.

Практика: SASS + БЭМ: 2ч.

Проект: Верстка адаптивого сайта: 6ч.

4. Базовый JavaScript

3 недели (18 часов)

8 тем

1 проект в портфолио

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

Рабочая среда и базовые понятия: 1ч.

Переменные (области видимости), типы данных, преобразование типов, объект Math: 4ч.

Условные операторы, операторы сравнения: 2ч.

Циклы: 2ч.

Массивы, работа массивов с циклами: 3ч.

Функции, области видимости: 2ч.

Методы массивов: 2ч.

Проектная работа: 2ч.

5. JavaScript - работа в браузере

4.3 недели (26 часов)

8 тем

1 проект в портфолио

В этом модуле вы перейдете к работе JavaScript в браузере. Вы освоите работу с DOM и BOM, научитесь обрабатывать события, работать с CSS и формами. Вы получите навыки валидации форм с использованием регулярных выражений. Модуль завершится созданием проекта на JavaScript для практического применения полученных навыков.

Работа с DOM 1: 2ч.

Работа с DOM 2: 2ч.

Работа с DOM 3, BOM: 1ч.

События: 3ч.

Работа с CSS: 2ч.

Работа с формами: 2ч.

Валидация форм, регулярные выражения: 2ч.

Проект на JavaStipt: 12ч.

6. GIT

1 неделя (6 часов)

3 темы

В этом модуле вы изучите систему контроля версий Git и сервис GitHub. Вы научитесь выполнять основные команды: push, pull, add, commit, merge, checkout. Освоите работу с ветками и управление удаленным репозиторием. Эти навыки являются ключевыми для совместной работы над проектами и контроля версий вашего кода.

Github (push, pull, add, commit, merge, checkout): 2ч.

Работа с ветками: 2ч.

Работа с удаленным репозиторием: 2ч.

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

5.7 недель (34 часа)

10 тем

1 проект в портфолио

В этом модуле вы углубитесь в продвинутые темы JavaScript. Уделите больше времени прототипам и прототипному наследованию, освоите основы ООП: классы, объекты и модули. Вы изучите наследование, полиморфизм, инкапсуляцию и абстракцию. Познакомитесь с новым синтаксисом, включая деструктуризацию, привязку this и контекст. Вы разберетесь с асинхронностью, обработкой ошибок и Event Loop. Научитесь работать с API и сборкой Webpack. Модуль закончится проектной работой.

Прототипы, Прототипное наследование (больше времени уделить прототипам): 2ч.

ООП: Классы и объекты, Модули: 4ч.

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

Новый синтаксис. Деструктуризация: 2ч.

Привязка this и потеря контекста: 2ч.

Модули: 2ч.

Асинхронность, Обработка ошибок, Event Loop: 4ч.

Работа с API (ajax, http, get, post, postman): 8ч.

Сборка Webpack: 4ч.

Проектная работа: 4ч.

8. React

7.5 недель (45 часов)

15 тем

1 проект в портфолио

В этом модуле вы познакомитесь с библиотекой React и основами работы с Node.js, npm. Вы изучите основы ES6, функциональные компоненты, пропсы, состояние, JSX и жизненный цикл в React. Затем вы углубитесь в работу с Router и Hooks, познакомитесь с обработкой событий и контекстом. Вы научитесь работать с библиотекой Axios для отправки GET и POST запросов. Затем вы перейдете к изучению Redux, RTK и RTK query. Модуль завершается финальным проектом.

Node.js, npm: 2ч.

Знакомство с React, ES6: 2ч.

Функциональные компоненты, props, state, JSX, Жизненный цикл: 2ч.

Практика: 2ч.

Router and Hooks: 2ч.

Практика: Router: 2ч.

События, Контекст: 2ч.

Axios get: 2ч.

Axios post: 2ч.

Практика: 4ч.

Redux: 2ч.

RTK: 2ч.

RTK query: 2ч.

Практика: RTK query: 2ч.

Финальный проект: 15ч.

9. Консультация от HR

0.3 недель (2 часа)

2 темы

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

Как продать себя на собеседование дороже?: 1ч.

Состовление резюме: 1ч.

и немного текстовых

Закончила курс по направлению Frontend Advanced. Могу с уверенность рекомендовать Всем данную академию! Очень приятные, грамотные, образованные преподаватели, всегда готовые помочь ученику. Актуальные знания, не жалею, что решила зачислиться к ним. Спасибо моим учителям Григорию, Максиму и куратору Данагуль!!!

Maki

Направление: Frontend-разработчик

Меня зовут Индира, мне 36 лет, и я получаю профессию Frontend Developer в Академии программирования #JustCode. Мысль о необходимости смены профессиональной деятельности во мне зрела давно, и получила мощный отклик на одном из вебинаров по основам программирования, тогда я и поняла, это то, что мне интересно, и это именно то, чем я хочу заниматься! It-сфера дает огромные возможности в плане самореализации и достижения материального благополучия - залога уверенного будущего - что я, как мама 3 детей, считаю очень важным. Что еще дает It? Никогда не даст заскучать, потому что технологии не стоят на месте, всегда будет, что изучать и чем интересоваться. Почему я выбрала Frontend? Потому как, сразу наглядно видишь результат своей работы, будто магия) Обучаться надо у лучших из лучших, поэтому я в #JustCode! В #JustCode преподаватели-практикующие программисты, в группе у Темирлана Капиянова, я получаю знания на реальных работающих проектах, а также заряд мотивации на учебу и дружескую атмосферу! #JustCode также привлекает и другими своими преимуществами, каждый студент получает 14 индивидуальных уроков, и занятия с hr для подготовки к собеседованиям и трудоустройству! Рекомендую!

Инди Т.

Направление: Frontend-разработчик

Прошла обучение на Frontend Developer 3 месяца назад на курсах Justcode. Хочу отметить отличный подход к обучению, опытные и отзывчивые преподаватели, которые помогали мне с возникшими трудностями при прохождении курса и даже проводили индивидуальные уроки. Пришла на курс я практически с нулевыми знаниями и за 7 месяцев стала хорошим специалистом в данной области, сейчас работаю по специальности:)

Алия Адилкызы

Направление: Frontend-разработчик

Пришел на курс практически с нулевыми знаниями, еще давно немного увлекался языком c++, но далеко в обучении не ушел. Решил изучить веб программирование, сначала пытался изучать сам, начало вроде пошло неплохо, но чем дальше изучал тем больше нуждался в помощи ментора, так как многие вещи не понимал, не понимал и то в какой последовательности что учить и стоит ли учить разные технологии вообще. На курсе что удобно, есть полная структура изучения веб программирования, есть возможность спросить все вопросы и преподавателя, а если тема уж совсем сложная для понимания, брал индивидуальные уроки, без них было бы куда сложнее. В целом курс очень понравился, вся информация полезная, преподаватели отлично объясняют, ну и самым большим плюсом лично для меня были индивидуальные уроки.

Сулейман Молдыбеков - студент IT-академии JustCode

Suleiman Moldobekov

Направление: Frontend-разработчик

Сын успешно прошел базовый курс по фронт-енд разработке. За три с лишним месяца, все занятия прошли по оговоренному расписанию, согласно программе без каких-либо неприятных сюрпризов. Сыну было комфортно с преподавателем Аманали, сын присутствовал на всех занятиях онлайн, вовремя выполнял и сдавал все задания. Судя по тому, что с его стороны не было жалоб за все это время, материал доступен для понимания. Я рада, что выбрали именно эти курсы. Когда все продумано, то тогда и проблем не возникает. Куратор Данагуль - очень вежливая и отзывчивая девушка. Желаю команде успехов и процветания!

Altyn Qaraqat

Направление: Базовый Frontend

Очень долго думала о том стоит ли идти на курс Python Basic, так как были финансовые трудности, в итоге решилась и не пожалела, обучаюсь уже 2 месяца. Мне предоставили удобный способ оплаты через каспи на 12 месяцев. Самым большим плюсом могу отметить возможность не носить с собой ноутбук на занятия и периодически заниматься онлайн. Преподаватель все внятно и хорошо объяснял, некоторые темы давались сложно, но нужно просто больше практиковаться и выполнять все домашние работы и практики. Сейчас думаю продолжать обучение в сторону Big Data.

Vanessa Merz

Направление: Базовый Python

Увидела тут пару плохих отзывов и решила написать свой отзыв. Я искала курсы UI/UX, часто попадалась реклама Just code, не выбрав среди других вариантов, я решила записаться. С самого начала мне понравилась обратная связь, все объяснили доходчиво (как проходит урок, насчёт оплаты и тд), так и на протяжении курса с нами связывается наш куратор, узнает как у нас дела и учеба. Насчёт нашего учителя могу сказать одно, он не просто "работает чтобы отработать время", а он заинтересован в том, чтобы мы вышли оттуда с багажом знаний, готовит классный и интересный материал, учит нас а не льет воду, всегда от него есть обратная связь. Для меня все вышеперечисленное было важно, на данный момент (пишу отзыв в середине курса) меня все устраивает и я бы порекомендовала эту школу для обучения, для меня она топ Дополню или напишу еще отзыв, как закончу курс

Li Na

Направление: UX/UI-дизайнер

Очень информативные и профессиональные преподаватели, учебный центр JustCode мне нравится тем что у них очень быстрые и приятные сотрудники заботливые и всегда отвечают на возникшие вопросы, наставники закрывают все темы которые были непонятны на месте же, и предлагают дополнительные индивидуальные занятия по темам которые нужно допилить и прояснить. Предлагают вакансии и возможные заработки во время обучения. Я бы вернулась еще обучаться на It у них😍🥰

Гульбахар Гуламова

Направление: UX/UI-дизайнер

Не прогадал с выбором школы выбирал долго, сравнивал, к слову есть с чем сравнить все на высшем уровне, школа отличается от многих. Преподаватели топ, объясняют максимально доходчиво, есть кураторы которые интересуются вашим прогрессом - этой школе не все ровно на ваш результат. Удобная платформа для домашних заданий, записей занятий. Любые курсы это не волшебная таблетка - чтобы получалось нужно учиться :) Justcode Хороший образовательный центр, оплатил за курс, но по личным обстоятельствам нужны были деньги, попросил сделать возврат средств, так как по договору не прошло 14 дней с первого занятия, после чего, без всяких проблем вернули деньги на следующий же день👍

А Г

Направление: UX/UI-дизайнер

Отличные материалы и планы уроков. Прохожу обучение IOS developer, преподаватель Ярослав профессионал своего дела! Объясняет понятно, дает интересные задания, выполнение которых закрепляет пройденный материал. Записывайтесь на курсы не пожалеете!

Диас Бекпаев

Направление: IOS-разработчик

Прохожу учебу онлайн, мне нравится, заранее подготовленный материал, хорошая связь, возможность пересмотреть запись урока и материалы. Преподаватель Любовь Королева доступно объясняет. Рекомендую не пропускать занятия так как на каждом уроке будете получать знания-без воды.

Саджида Муслимова

Направление: UX/UI-дизайнер

Всем Привет👋 Я Мөлдір и рада поделиться своим отзывом о курсе UX/UI дизайна.☺️ Лекции и практические занятия хорошо структурированы, предоставляя основные принципы и методы UX/UI дизайна. Преподаватель курса Любовь Королева обладает глубокими знаниями и опытом в области UX/UI дизайна, и отвечает на любые вопросы. Курс помогает мне расширить мои знания в области UX/UI дизайна и приобрести практические навыки. Я рекомендую этот курс тем, кто интересуется UX/UI дизайном и хочет развиваться в этой области. 🤗🤗🤗

Мөлдір Табилова

Направление: UX/UI-дизайнер

По началу пытался изучить ios-программирование самостоятельно, но как то не хватало дисциплины. И начал искать подходящий курс. Благодаря justcode удалось познакомиться с хорошим преподавателем Ярославом Седышевым. Объясняет очень хорошо, становиться понятно даже для новичка без какого либо опыта. Достаточно отзывчивый преподаватель!

Олжас Жакан

Направление: IOS-разработчик

Лучшая IT - академия, где тебя и вправду научат! Обучаюсь на специальность iOS - разработчик, очень нравится весь процесс обучения. Преподаватель Ярослав - мастер своего дела, объясняет доступным для всех языком, большое количество практических примеров к каждой теме, помощь в трудностях, всегда можно обратится к Ярославу за помощью. Отлично налажен весь учебный процесс! Без сомнений, JustCode - мой лучший выбор!

Илья Погожев

Направление: IOS-разработчик

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

Искандер Баскумбаев

Направление: Аналитик данных

Всем привет! Выбирал этот учебный центр по рекомендациям знакомых и не пожалел! Подход основательный, процесс обучения понятный и поставленный. Преподаватели открытые и стараются дать больше чем предусмотрено программой. Я пробовал изучать python самостоятельно но только обучаясь тут разобрался что откуда берётся быстро и сразу и это друзья намного продуктивнее чем долгие часы что я тратил на самостоятельное изучение. Рекомендую👍

Станислав Герасимов

Направление: Аналитик данных

Достойные преподаватели! Хочу отметить Алишера, все четко, информацию преподносит доступным языков, и отлично проводит индивидуальные уроки, так что если пропустите, то можно подтянуть пропущенные занятия. Но конечно же, лучше не пропускать, нагонять все равно сложнее. Самое главное - это выполнять задания которые дают на дом, только тогда будет виден прогресс!