Прямо сейчас этой специальностью интересуются  
Обучение IT-профессии от портала    и 
О профессииИстории успехаПрограммаСтажировка
Прямо сейчас этой специальностью интересуются  
Начать обучение
Frontend-разработчик
Обучение IT-профессии от  
 и 

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

  • Обучение востребованной профессии с нуля за 5 месяцев
  • Заработок от 50 000 руб./мес. в компании или на фрилансе
Начать обучение
Medium
Description block

На рынке не хватает Frontend-разработчиков

Frontend-разработчик — самая востребованная IT-профессия, по данным HeadHunter. Чтобы освоить специальность, вам будет достаточно школьных знаний. Вы научитесь верстать сайты на HTML и CSS, освоите JavaScript и продвинутую верстку с помощью ReactJS.

Истории успеха

На последнем курсе вуза сменила профессию и не жалею
История Софьи Федоренко
В 30 лет не поздно менять профессию
История Владимира Шилина
Отучился и попал в топовую компанию
История Артема Шашкова

Как проходит обучение

Coding

Живое общение с экспертами-практиками

В курсе более 80% вебинаров с преподавателями: вы зададите вопросы по теме и быстро получите обратную связь. Записи занятий останутся в личном кабинете навсегда: вы сможете возвращаться к ним после обучения.

Homework uploading

Много практики

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

Mentor chat

Поддержка наставника

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

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

Программа

5 месяцев обучения и 2 месяца стажировки

Small
Видеокурс

Веб-разработка. Быстрый старт

Основы HTML/CSS и PHP

38f70e6a3b86f8fdb14891f9a19c9e1a
1 месяц

HTML/CSS. Интерактивный курс

HTML/CSS. Интерактивный курс

Вы научитесь разрабатывать статические сайты и создадите интернет-магазин. Во время работы над сайтом вы изучите свойства и возможности применения HTML/CSS

Small
Видеокурс

Основы программирования

Азы программирования, основные термины и понятия

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

2cc4893e9872cd5c72e8b878a8a5d9c5
1 месяц

HTML5 и CSS3

Современные средства Web-разработки

Научимся работать с нестандартными шрифтами, создавать статические сайты и текстовые эффекты. Опробуем новые знания на своем проекте.

B42386514e50df6d9c9c21c919ea1578
1 месяц

JavaScript. Уровень 1

Интерактивные веб-приложения

Вы научитесь писать код по соответствующему стандарту, использовать инструменты разработки и отладку в браузере, управлять DOM и «оживлять» страницу.

8bdd322d072647d3312fc58d3aa3d6f8
1 месяц

JavaScript. Уровень 2

Продвинутый курс

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

726d899c5d49d75933f92962882e649a
Видеокурс

Основы баз данных

Проектирование БД и запросы SQL

Вы научитесь использовать различные базы данных: MS SQL, Postgre SQL и писать запросы на SQL.

Bcbea5a1a64c0fdebe39a68934236cea
1 месяц

ReactJS

Профессиональная frontend-разработка

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

6a1315a55d3f06fa1096166bcda68300
2 месяца

Стажировка в GeekBrains (Web)

Практика командной разработки

Во время стажировки студентам предстоит поработать в режиме удаленной занятости над Open Source-проектом либо стартапом. Стажировка предстоит в формате дистанционной работы с частичной занятостью, с еженедельными встречами-статусами с преподавателем в формате вебинара.

    Подробная программа

    Подробная программа профессии "Frontend-разработчик"

    Веб-разработка. Быстрый старт
    Основы HTML/CSS и PHP

    PHP (Hypertext PreProcessor, препроцессор гипертекста) – язык программирования, исполняемый на стороне веб-сервера. Создатель PHP - Расмус Лердорфом (Rasmus Lerdorf) - спроектировал его в качестве инструмента для создания динамических и интерактивных веб-сайтов. Язык приобрёл большую популярность и используется в проектах разных масштабов: от простого блога до крупнейших веб-приложений в Интернете. Самые крупные PHP-проекты - Zend, Yahoo, Facebook, Google, NASA, W3C. Курс предназначен для тех, кто хочет приобрести начальные навыки веб-разработки на PHP, изучить логику работы с этим языком и терминологию, а также понять принципы функционирования систем и веб-приложений. В процессе обучения студенты проходят основные этапы создания простого сайта интернет-магазина и работают над его функциональностью. Знания и навыки, приобретённые на курсе, - надёжная основа для дальнейшего развития в качестве PHP-разработчика.

    Урок 1. Для чего нужен PHP

    Какие возможности даёт PHP; преимущества перед другими языками и почему стоит выбрать его; что будет на курсе: рассматриваем план курса, какой результат мы получим, чему научимся.

    Урок 2. Установка и развертывание сервера на своем компьютере

    Как взаимодействуют между собой веб-сервер, PHP интерпретатор и база данных; качаем готовую сборку Open Server; выбираем версию PHP; выбираем версию apache; настраиваем доступ к локальному сайту; как понять, что всё настроено правильно и работает; используем редактор кода Sublime Text, встроенный в сборку Open Server.

    Урок 3. Как создавать веб-страницы

    Кратко рассматриваем для чего нужен html; рассматриваем основные теги: doctype, html, head, title, body, header, h1, footer, div, a, img и их место в веб-странице; демонстрируем, как работают эти теги; показываем созданные теги в панели
    «Инструменты разработчика» в Google Chrome; создаём ссылки на главную страницу и страницу с магазином так, чтобы можно было перейти в магазин и обратно.

    Урок 4. Создаём макет нашего магазина

    Рассматриваем CSS: что это такое, как подключить стили к странице; пишем хедер и рассматриваем, как его оформить с помощью CSS.

    Урок 5. Завершаем оформление шаблона

    Заканчиваем писать хедер; добавляем оставшиеся части макета из готового шаблона; переносим необходимые части макета из готового шаблона (HTML, CSS, JavaScript).

    Урок 6. Основы PHP

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

    Урок 7. Как хранить множество связанных данных

    Для чего нужны массивы и как их использовать; кладём информацию о товаре в массив.

    Урок 8. Хранение и обработка связанных по смыслу данных

    Вложенные массивы; размещаем данные для нашего магазина во вложенных массивах; как получить информацию о товаре из вложенного массива.

    Урок 9. Работаем с циклами

    Что делать, если нужно вывести на страницу много данных из массива.

    Урок 10. Как сделать сайт живым

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

    Урок 11. Как делать навигацию между страницами

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

    Урок 12. Создаём каталог товаров

    Вывод всех товаров на страницу; работаем со страницей товара; как в каталоге товаров создавать правильные ссылки для каждого товара; выводим данные о товаре на отдельной странице.

    Урок 13. Размещаем сайт в интернете

    Регистрируем имя для нашего сайта; загружаем файлы на хостинг и проверяем работоспособность сайта.

    HTML/CSS. Интерактивный курс. 1 месяц.
    HTML/CSS. Интерактивный курс

    HTML/CSS - язык гипертекстовой разметки, основа для изучения серверных ЯП. Изучив HTML, вы сможете создать адаптивную веб-страничку или веб-сайт. CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт так, как вам хочется. Вы сможете смотреть видеокурс в удобное время и по всем вопросам обращаться к наставнику, который будет контролировать ваш прогресс. Формат располагает к общению и самодисциплине в обучении. За месяц вы научитесь: * верстке адаптивных сайтов, * валидной кроссбраузерной вёрстке, * flexbox вёрстке, * выполнению базовых операций в Figma, * использованию препроцессоров SASS и Bootstrap. Для перехода к следующему занятию курса необходимо, чтобы ваше домашнее задание прошло проверку. Это покажет, что вы поняли предыдущий урок и легко освоите новые знания. Задание может проверить как ментор, так и одногруппники, знаниям которых вы доверяете, и получить за это ачивку. С каждой проверкой количество ачивок растет, а навык работы с чужим кодом увеличивается. От количества ачивок зависит уровень итогового сертификата: чем их больше, тем выше статус. Эта в чем-то игровая механика делает занятия еще интереснее.

    Урок 1. Основные понятия в веб-разработке

    Знакомство, вводная информация
    настройка visual studio code,горячие клавиши, установка расширений.
    Создание html документа
    Структура html документа.
    Виды и атрибуты тегов
    Отладчик браузера

    Урок 2. Основы языка разметки документов HTML

    Списки в html
    Спецсимволы и комментарии
    Гиперссылки(локальные, абсолютные, якоря)
    Типы изображений для web;
    Формы и их элементы.
    Просмотр, редактирование, поиск ошибок через отладчик браузера

    Урок 3. Основы языка оформления стилей документа CSS

    Введение в стили
    Способы подключения стилей
    Селекторы
    Базовые свойства стилей(px, %, background, color, border) часть 1
    Базовые свойства стилей (width, height, font, list-style, текст)
    Вложенность наследование и группирование свойств

    Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы

    Основные теги div, span, создание блочной структуры
    Отступы у элементов
    Обтекаемые элементы
    Псевдоклассы
    Псевдоэлементы
    Таблицы

    Урок 5. Основы позиционирования, работа с Flexbox

    Свойство display
    Что такое flexbox (горизонтальное и вертикальное расположение)
    Порядок отображения, многострочность, смещение отдельного блока
    Задание гибких размеров для блоков
    Position: relative и absolute

    Урок 6. Работа с макетом дизайна в формате Figma

    Что такое макет и какие виды макетов бывают
    Знакомство с программой Figma, нарезка макета
    Определение размеров блоков, создание блочной структуры
    Добавление стилей из макета
    Создание сайта по макету. Часть 1
    Создание сайта по макету. Часть 2

    Урок 7. Основы создания адаптивного сайта

    Гибкие размеры блоков, адаптивного сайта
    Эмуляция мобильных устройств
    Медиа-запросы
    Прижатие подвала к нижней части экрана
    Практика создания адаптивного сайта
    Практика создания адаптивного сайта часть 2

    Урок 8. Стандарты web и вспомогательные инструменты

    Инструменты разработчика. Часть 1
    Загрузка проектов на сервер
    Кроссбраузерность
    Знакомство с Boostrap
    Знакомство с препроцессором Sass
    Практическое использование препроцессора Sass

    Основы программирования
    Азы программирования, основные термины и понятия

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

    Урок 1. Знакомство с курсом

    О ведущем курса. Как организован курс? Какие программы будут написаны?

    Урок 2. Подготовка к обучению

    Правильный настрой. Результативная мотивация. Важные личные качества.
    Дорогие коллеги, подробнее о необходимых для программиста качествах вы сможете узнать из вебинара https://youtu.be/GKaZ-HE-7mA.

    Урок 3. Первая программа

    Выбор языка программирования. Подготовка браузера. Программа «Hello, world!».

    Урок 4. Переменные

    Установка удобного редактора кода. Знакомство с переменными. Простой калькулятор.

    Урок 5. Типы данных

    Типы данных. Операции с разными типами данных. Преобразование типов данных.

    Урок 6. Алгоритмы и блок-схемы

    Алгоритмическое мышление. Визуальные блок-схемы.

    Урок 7. Оператор ветвления if

    Выбор вариантов в программе. Оператор ветвления if. Игра в загадки.

    Урок 8. Логические операции

    Комплексные условия выбора. Логические И, ИЛИ. Игра «Злые птицы».

    Урок 9. Циклы do, while

    Циклы do и while. Игра в русскую рулетку.

    Урок 10. Цикл for

    Цикл for. Финансовый калькулятор.

    Урок 11. Массивы

    Большие наборы данных и массивы. Игра в рулетку.

    Урок 12. Функции

    Функции. Подготовка к написанию игры «Black Jack (21)».

    Урок 13. Игра «Black Jack». Часть 1

    Написание полноценной игры. Основа – раздача карт и подсчет очков.

    Урок 14. Игра «Black Jack». Часть 2

    Завершение написания игры. Определение результатов и победителя.

    Урок 15. Карьера программиста

    Обзор основных направлений в программировании. Как выбрать язык программирования? Чему учиться дальше?

    HTML5 и CSS3. 1 месяц.
    Современные средства Web-разработки

    Основа веб-технологии – это HTML/CSS. Это базовый фундамент, который служит основой для создания современных веб-сайтов и является первым этапом для изучения других технологий программирования для глобальной сети Internet. Любая значимая организация имеет своё представление в глобальной сети. Это требование времени и требование рынка. Без учета современных реалий мира невозможно добиться конкурентоспособности и следовательно успеха. Именно связка HTML/CSS даёт возможность верстать макеты, создавать и редактировать статические сайты. Изучаемая на данном курсе технология программирования позволяет заложить долгосрочную основу и закрепиться в данной области на рынке труда.

    Урок 1. HTML5: Семантические элементы.

    Обзор HTML5, Новые семантические элементы HTML5, Новый способ структурирования страниц. Семантика текстового уровня. Настройка редактора , практические примеры применения семантических тегов, для создания структуры сайта. Знакомство с плагинами ускоряющими вёрстку сайта.

    Урок 2. Позиционирование элементов, Практическая вёрстка.

    Позиционирование элементов, расположение элементов на странице (позиционирование элементов по вертикали, по горизонтали). Рассмотрим самые популярные css генераторы, какие они бывают, для чего применяют каждый из них.

    Урок 3. HTML5 формы. Добавление Аудио и Видео на страницу.

    Рассмотрим и подробно разберем на практических примерах данные особенности. Усовершенствование традиционных форм (добавление подсказок, фокусировка на элементе и т.д.). Проверка форм на ошибки заполнения. Новые типы элементов (адреса электронной почты, URL-адреса и т.д.). Добавим в наш проект видео и аудио информацию, посмотрим как все это реализуется на практике. Рассмотрим работу тэгов <VIDEO> <AUDIO>. Задание классов, разбор технологии БЭМ

    Урок 4. Параметры CSS для фона. Использование SVG.

    Создание множественного фона для сайта. Задание фоновых изображений для адаптивных сайтов. Создание градиентного фона для сайт. Знакомство со спрайтами и иконочными шрифтами. Модернизируем наш проект в соответствии с новыми возможностями CSS3. Добавим необходимые элементы и эффекты. Знакомство с форматом svg.

    Урок 5. Работа с текстом. Границы в CSS3

    Работа с шрифтами. Веб-шрифты GOOGLE. Размещение текста в несколько колонок. Рассмотрим механизмы представления текстовой информации: оформление, выравнивание, отступы. Переключаемые вкладки для создания меню.Рассмотрим основы Canvas. Рассмотрим работу с границами в CSS, способы создания рамок элементов. Создание прозрачных рамок, теней, скругленных углов, градиентов.

    Урок 6. Эффекты перехода и трансформации CSS3.

    Эффекты перехода. Применение трансформации. Поворот элементов при наведении на него. Создание анимации средствами в CSS3. Узнаем для чего нужна данная технология и где ее следует применять. Добавим анимацию для некоторых элементов нашего сайта.

    Урок 7. Адаптивная вёрстка (Часть 1).

    Рассмотрим понятие адаптивного дизайна. Для чего и в каких случаях применяется. Основы синтаксиса и примеры. Придадим дизайну современный вид.

    Урок 8. CSS3 Углубленное изучение.SASS. Flexbox.

    Рассмотрим новое свойство flex, для создания гибкой структуры внутренних блоков сайт. Сделаем финальный проект со всеми доработками и нововведениями представленными CSS3, С использованием одного из самых популярных препроцессоров SASS.

    JavaScript. Уровень 1. 1 месяц.
    Интерактивные веб-приложения

    Данный курс предназначен для тех, кто уже знаком с принципами HTML-вёрстки и созданием статичных страниц. Практические знания и навыки, приобретённые на этом уровне, дают возможность работать и создавать динамические веб-страницы и приложения. Курс систематизирует знания студентов, которые уже сталкивались с JavaScript, но не имеют богатого опыта работы с языком . Студенты знакомятся с основами создания интерактивных веб-страниц с помощью языка JavaScript. Полученные на уроках знания закрепляются через практическую часть - реализация игр на языке JavaScript. Перед началом обучения рекомендуется пройти курсы «Основы программирования» и «HTML / CSS».

    Урок 1. Основы языка JavaScript

    Синтаксис; структура кода; внешние скрипты и порядок их исполнения; переменные и типы данных; Hello world; современные стандарты.

    Урок 2. Основные операторы JavaScript

    Операторы и операнды; приоритет операций; условные операторы; функции; рекурсия; практикум; игра «Угадай число».

    Урок 3. Циклы, массивы, структуры данных

    Циклы в JavaScript; массивы в JavaScript; структуры данных; практикум; игра «Быки и коровы».

    Урок 4. Объекты в JavaScript

    Знакомство с понятием объектов; объекты в JavaScript; работа с объектами; перебор значений; практикум; игра «Квест».

    Урок 5. Введение в DOM

    Понятие DOM; DOM в JavaScript; манипуляции с DOM в JavaScript; практикум; игра «Квест 2.0».

    Урок 6. Обработка событий в JavaScript

    Понятие события; обработка нажатий; браузерные события; практикум; игра «Крестики-нолики».

    Урок 7. Урок-практикум

    Реализация игры «Змейка».

    Урок 8. Анонимные функции, замыкания

    Углублённое изучение работы функций; функции и функциональные выражения; анонимные функции; замыкания; действия браузера по умолчанию.

    JavaScript. Уровень 2. 1 месяц.
    Продвинутый курс

    Курс предназначен для тех, кто уже освоил базовые возможности языка JavaScript, и теперь хочет научиться делать реально крутые вещи. Каждый урок включает в себя как полезную теорию, так и эффективную практику. Насыщенный самыми актуальными знаниями и навыками, продвинутый курс от GeekBrains - это возможность быстро и надёжно стать профессиональным разработчиком JavaScript.

    Урок 1. Современный JavaScript

    Знакомство со стандартом ES2015 и некоторыми его возможностями.

    Урок 2. ООП в JavaScript

    Основные принципы объектно-ориентированного программирования и его реализация в JavaScript.

    Урок 3. Асинхронные запросы

    Основы асинхронного JavaScript. AJAX, JSON и Promises.

    Урок 4. Регулярные выражения

    Регулярные выражения в JavaScript. Основные операции с регулярными выражениями и строками.

    Урок 5. Фреймворк Vue.js

    Основы разработки одностраничных приложений с помощью фреймворка Vue.js.

    Урок 6. Компоненты Vue.js

    Реализация компонентного подхода во фреймворке Vue.js.

    Урок 7. JavaScript на сервере

    Создание простого сервера с помощью платформы Node.js.

    Урок 8. Тестирование и сборка

    Тестирование отдельных частей приложения. Сборка модулей с помощью Webpack.

    Основы баз данных. 20 уроков.
    Проектирование БД и запросы SQL

    Базы данных (БД) - это системы хранения и обработки данных, для доступа к которым используется язык SQL (Structured Query Language). Любой современный сайт, игра или настольное приложение нуждаются в хранении данных. На данный момент существует множество различных систем управления базами данных (СУБД), самой популярной является MySQL. “Основы баз данных” - это 20 интенсивных видео-уроков (по 10 минут), где мы вместе пройдём все этапы проектирования БД на примере интернет-магазина с использованием языка запросов SQL. После этого курса вы сможете использовать различные базы данных, такие как MS SQL и Postgre Sql, так как синтаксис языка SQL для них практически не отличается.

    Урок 1. Реляционные базы данных

    Чем отличается БД от СУБД; какие базы данных называются реляционными; обзор современных СУБД.

    Урок 2. Установка СУБД

    Установка СУБД MySql и графического приложения Mysql Workbench.

    Урок 3. Проектирование базы данных, нормальные формы

    Проектирование данных в Excel; нормальные формы; первичный ключ.

    Урок 4. SQL-команда CREATE

    Создание таблиц в графическом интерфейсе MySql Workbench; команда CREATE; типы данных; работа в консоли.

    Урок 5. SQL-команда INSERT

    Заполнение таблиц данными с помощью графического интерфейса; команда INSERT; AUTO INCREMENT.

    Урок 6. SQL-команды SELECT и WHERE

    Получение и фильтрация данных с помощью SQL-команд SELECT и WHERE; проверка на NULL; фильтрация данных по нескольким условиям.

    Урок 7. SQL-команды DISTINCT, ORDER BY, LIMIT

    Получение и фильтрация данных с помощью SQL-команд DISTINCT и LIMIT; сортировка с помощью команды ORDER BY.

    Урок 8. SQL-команды DELETE и UPDATE

    Обновление и удаление данных с помощью SQL-команд DELETE и UPDATE; фильтрация данных с помощью WHERE IN.

    Урок 9. Согласованность данных

    Понятие согласованности или консистентности данных.

    Урок 10. Внешний ключ

    Понятие внешнего ключа и ограничений на значения столбцов; FOREIGN KEY CONSTRAINTS.

    Урок 11. Создание таблиц с отношением “многие ко многим”

    Добавление корзины в базу данных интернет-магазина.

    Урок 12. Составной первичный ключ

    Использование составного первичного ключа при проектировании таблицы с отношением “многие ко многим”.

    Урок 13. Объединение данных из нескольких таблиц

    Получение данных из нескольких взаимосвязанных таблиц; несостоятельность подхода с использованием нескольких SELECT-ов.

    Урок 14. Оператор INNER JOIN

    Объединение данных из нескольких таблиц с помощью оператора INNER JOIN.

    Урок 15. Операторы LEFT JOIN, RIGHT JOIN

    Объединение данных из нескольких таблиц с помощью операторов LEFT JOIN и RIGHT JOIN.

    Урок 16. Оператор UNION

    Объединение результатов нескольких SQL-запросов с помощью оператора UNION.

    Урок 17. Агрегирующие функции

    Агрегирующие функции COUNT, SUM, MIN, MAX.

    Урок 18. Оператор GROUP BY

    Группировка выбранного набора строк с использованием оператора GROUP BY.

    Урок 19. Индексы

    Фильтрация в GROUP BY с использованием HAVING; увеличение скорости выполнения запросов с использованием индексов.

    Урок 20. Транзакции

    Понятие транзакции; оператор TRANSACTION; требования ACID к транзакционной системе.

    ReactJS. 1 месяц.
    Профессиональная frontend-разработка

    ReactJS — это JаvaScript-библиотека для построения пользовательских интерфейсов. Он был представлен Facebook в 2013 году, и очень быстро обрёл популярность. Сегодня его используют многие известные компании, включая Instagram, Airbnb, Ebay, Netflix, Yahoo и другие. Данный курс рассчитан для начинающих фронтенд-разработчиков, освоивших язык JavaScript. На курсе мы с вами освоим одну из самым популярных библиотек для профессиональной разработки в области фронтенда - ReactJS. В сочетании с библиотекой Redux, которую мы также будем изучать на курсе, ReactJS составляет достойную конкуренцию популярному фреймворку AngularJS. К концу курса мы разработаем небольшую социальную сеть.

    Урок 1. Введение в ReactJS: современный Javascript

    Знакомство с ReactJS; сравнение с другими технологиями; современный JS; что нового в ES6 и как это использовать; классы, наследования, модули rest/spread, параметры, промисы, модули.

    Урок 2. Жизненный цикл React-компонента

    ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount. Вложенность компонентов и props и propTypes. Начало разработки мессенджера.

    Урок 3. Продолжаем погружение в React и подключаем UI-библиотеку

    Что такое Virtual DOM. Стилизация React-компонентов. Обработка событий. Подключение и использование Material UI.

    Урок 4. Роутинг в React: разбиваем мессенджер на чаты

    prevState и prevProps. Подключение BrowserRouter. Switch, Route и Link. Как осуществляется роутинг. Хранение чатов и сообщений. Способы отладки React-приложения

    Урок 5. Redux. Управление состоянием приложения

    Зачем нужен Redux. Схема работы Redux. Reducers и actions. Redux DevTools Extension. Компоненты и контейнеры. Перенос сообщений в Redux.

    Урок 6. Redux middlewares, подключение роутера к Redux и хранение данных с помощью Redux-persist

    Когда нужно использовать Redux middlewares. Реализация ответа от робота при помощи middlewares. ConnectedRouter. Хранение истории сообщений при помощи redux-persist.

    Урок 7. Работа с API

    Что такое API. Как работают асинхронные запросы. Кратко о промисах. fetch(). redux-api-middleware. normalizr и schemas. Получение чатов и сообщений по API.

    Урок 8. Progressive Web App

    Что такое PWA. Почему это актуально. Как работает PWA. Lighthouse. Service-worker. Web App Manifest. Ограничения. Фишки и трюки.

    Стажировка в GeekBrains (Web). 2 месяца.
    Практика командной разработки

    Во время стажировки студентам предстоит поработать в режиме удаленной занятости над Open Source-проектом либо стартапом. Студентам будет предложено выбрать один из набора доступных для разработки проектов. Они научатся работать в команде, коммуницировать с другими разработчиками, product- и project-менеджерами, дизайнерами, изучат гибкие методологии, фреймворк SCRUM, освоят принципы дистанционной работы. Результат стажировки: умение работать в команде, пополнение портфолио, возможность указать работу над проектом в качестве профильного опыта работы в резюме. Стажировка предстоит в формате дистанционной работы с частичной занятостью, еженедельными встречами-статусами с преподавателем в формате вебинара.

    Урок 1. Начало проекта

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

    Урок 2. Гибкие методологии разработки

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

    Урок 3. Проблемы и их решение. Совещание

    Третий урок посвящен разбору проблем, которые обязательно возникнут у студентов во время работы над проектом. Это необходимо, т. к. студенты, впервые столкнувшись с проблемами внутри команды, могут опустить руки и перестать разрабатывать проект. Спрашиваем, какие проблемы возникли, даем советы, рассказываем про MVP (minimum viable product).

    Урок 4. Первые промежуточные итоги

    Четвертый урок посвящен обзору промежуточных успехов, которых студенты достигли за 3 недели разработки проекта. Даем советы, делаем замечания, помогаем решить проблемы и помочь выбрать правильное направление развития проекта.

    Урок 5. Совещание. Качество. Тестирование

    Разбираем важную тему: как писать автотесты для кода. Объясняем разные виды тестов и говорим, зачем они нужны. В конце урока советуем студентам писать автотесты к проекту, чтобы лучше понять эту тему.

    Урок 6. Совещание. Подготовка резюме

    Спрашиваем у студентов, как успехи с проектами. Если есть серьезные проблемы, помогаем решить. Интересуемся, как обстоят дела с автотестами. Разбираем автотест к любому из проектов (по желанию студентов). Напоминаем, что осталось совсем немного времени (две недели). Помогаем ускорить разработку проектов, расставив приоритеты для задач, которые студенты хотят делать.

    Урок 7. Совещание. Карьера разработчика

    Так как курс подходит к концу, пора научить студентов писать важную для них вещь — резюме. Рассказываем про важные моменты, на которые обращает внимание HR, даем советы и предостережения. Обозначаем задание к следующему уроку: написать свое резюме и указать в опыте работы студенческую стажировку в GeekBrains.

    Урок 8. Подведение итогов

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

    Покупайте обучение - получайте подарки
    Английский для IT-специалистов
    Английский для IT-специалистов
    Специализированный курс
    Подробнее
    Как стать программистом?
    Как стать программистом?
    Пошаговая видео-инструкция по поиску работы
    Подробнее
    Small
    Обучающие мастер-классы и воркшопы
    Доступ к GeekClub
    Подробнее
    Английский для IT-специалистов
    Видео-курс
    Английский для IT-специалистов
    Продолжительность
    10 уроков
    Курс, разработанный совместно с школой EnglishDom, поможет освоить ключевые англоязычные темы, актуальные для начинающих IT-специалистов. Максимум практики и фокус на IT-лексику. На 10 уроках разбирается составление CV, технических заданий и деловых писем, собеседования и переговоры, международное общение при продвижении своего проекта. В живых диалогах на английском студенты закрепят фразы, которые пригодятся в работе разработчикам и тестировщикам, маркетологам и дизайнерам.

    Вы научитесь

    • проходить собеседования и писать CV;
    • обсуждать проекты и проводить переговоры;
    • переписываться в чате, составлять техзадания и писать деловые письма;
    • понимать носителей языка и читать зарубежные блоги.

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

    Урок 1. IT resume sample

    Составляем резюме на английском.

    Урок 2. Job interview: questions and answers

    Проходим собеседование на английском.

    Урок 3. Effective teams

    Говорим о командной работе и процессах на английском.

    Урок 4. Workplace communication

    Английский для общения по телефону и Skype.

    Урок 5. Business e-mails

    Ведем переписку на английском.

    Урок 6. Requirement specifications (SRS)

    Читаем и составляем техническое задание на английском.

    Урок 7. Stand-up meetings

    Становимся идеальным спикером.

    Урок 8. Deadline

    Выполняем работу в срок и по-английски.

    Урок 9. Challenge

    Описываем и решаем проблемы по-английски.

    Урок 10. Start up

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

    Как стать программистом
    Пошаговая инструкция по поиску работы
    Как стать программистом
    Продолжительность
    13 уроков
    Карьера в сфере программирования - это увлекательное путешествие в мир современных технологий. У каждого разработчика своя история и свой опыт. Однако существует базовый алгоритм, который поможет правильно сделать первые шаги и приведёт к вашей цели. Мы подготовили 13 видео-уроков, в которых ответили на самые актуальные вопросы о карьере программиста в компаниях и на рынке фриланса. Часто думаете о трудоустройстве и чувствуете, что готовы начать зарабатывать? Тогда этот видео-курс для вас.

    Вы научитесь

    • Понимать особенности различных профессий в сфере программирования;
    • Составлять резюме и портфолио;
    • Искать работу и отвечать на отклики работодателей;
    • Привлекать внимание работодателя и проходить собеседования;
    • Правильно вести себя на собеседованиях и во время испытательного срока;
    • Оформлять аккаунты на биржах фриланса;
    • Взаимодействовать с клиентами и грамотно выстраивать рабочий процесс.

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

    Урок 1. Профессия “Программист”

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

    Урок 2. Профориентация

    Стану ли я успешным программистом? Факторы успеха.

    Урок 3. Начинаем составлять резюме

    Самое важное - первое впечатление; как назвать должность.

    Урок 4. Выбор языка программирования: веб-разработка

    Обзор языков для разработки сайтов: HTML, CSS, JavaScript, PHP, Python, Ruby, C#, Java; правильный выбор.

    Урок 5. Мобильная разработка. Универсальные языки программирования

    Обзор языков: Java, Objective-C, Swift; C#, C++, Python: правильный выбор.

    Урок 6. Правила эффективного резюме

    Список технологий; портфолио; дипломы и сертификаты; личностные качества. Взгляд технического специалиста и HR.

    Урок 7. Поиск работы: что, где, когда

    Работа мечты, психологические аспекты; техника запроса.

    Урок 8. Собеседование и испытательный срок

    Собеседования для программистов: как себя вести, что говорить, к чему прислушиваться; испытательный срок и правила его прохождения.

    Урок 9. Фриланс: первые шаги

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

    Урок 10. Фриланс: начало работы и поиск заказов

    Стратегия поиска заказов; приоритет заказов: что брать в работу; ведение переговоров; задания и подводные камни ТЗ; методы обращения к клиенту; написание ответов и привлечение внимания клиентов; правильные вопросы.

    Урок 11. Фриланс: выполнение заказа и оплата

    Способы оплаты: безналичный или наличный расчёт; предоплата или постоплата; обзор ситуаций, в которых лучше сработает каждый из способов; подготовка к работе и обязательные договорённости с клиентом; особенности процесса работы; завершающие этапы сотрудничества; обмен отзывами; техника "посоветоваться".

    Урок 12. Специальности в сфере IT

    Как проходит разработка в крупных компаниях? Кто такие аналитики, дизайнеры, тестировщики, архитекторы, projectmanager-ы, team-lead-ы и пр.

    Урок 13. Карьерная лестница в сфере IT

    Как выглядит карьерная лестница в сфере IT? В каких специальностях проще начинать свой путь? Какие есть перспективы развития?

    Small
    База обучающих мастер-классов и воркшопов
    Доступ к GeekClub
    В GeekClub собраны самые популярные и востребованные материалы: теория + практика. Участники GeekClub получают доступ к большой базе обучающего контента.

    Получите практический опыт с нашей помощью

    Пройдите стажировку в GeekBrains

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

    Gb mail ru

    Выберите вакансию от компании-партнёра

    Наши партнёры с удовольствием приглашают учеников на стажировки и размещают вакансии в разделе «Карьера». Вы можете начать работать по новой специальности уже во время обучения.

    Internship one mobile
    Internship two mobile
    Internship three mobile
      Companies

      Присоединитесь к стартапу

      Выпускники GeekBrains постоянно создают и запускают проекты. Найдите среди них единомышленников: откликайтесь на позиции в разделе «Карьера».

      It incubator one mobile
      It incubator two mobile
      It incubator three mobile
        Projects
        Начать обучение

        Помимо знаний и навыков вы получите:

        Удостоверение о повышении квалификации

        Мы работаем на основании государственной лицензии № 040485 и выдаём успешным выпускникам удостоверение, которое подтвердит ваши знания.

        Методические материалы

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

        Доступ к комьюнити

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

        Ваше резюме после обучения

        Удостоверение и сертификат

        Мы проводим обучение на основании государственной лицензии № 040485. По результатам успешного завершения обучения выдаем выпускникам удостоверение о повышении квалификации. После прохождения каждого курса студенты получают электронный сертификат об окончании курса.

        Certificate
        Удостоверение
        Общество с ограниченной ответственностью "ГикБреинс"
        Удостоверение
        о повышении квалификации
        000001
        Регистрационный номер
        №1234
        Город
        Москва
        Дата выдачи
        22.05.2020
        Настоящее удостоверение свидетельствует о том, что
        Ричард Хендрикс
        прошел(а) повышение квалификации
        на образовательном портале GeekBrains
        по дополнительной профессиональной программе
        Frontend-разработчик
        в объёме 251 академический час
        М.П.
        Генеральный директор
        Никитин А.В.

        Резюме

        Userpic

        Ричард Хендрикс

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

        Желаемая зарплата 114 000 ₽/мес

        Опыт работы менее 1 года

        Владение технологиями

        ReactjsReactJS
        WebpackWebpack
        GruntGrunt
        GulpGulp
        AjaxAjax
        JqueryJQuery
        GitGIT
        LessLess
        Twitter bootstrapTwitter Bootstrap
        JavascriptJavaScript
        Css3CSS3
        Html5HTML5

        Ключевые навыки

        • Вёрстка сайтов с использованием HTML5 и CSS3
        • Разработка с применением Twitter Bootstrap
        • Умение создавать интерактивные страницы на JavaScript
        • Применение IDE, полезных приёмов и средств автопроверки кода
        • Использование инструментов разработки и отладки в браузере
        • Делегирование событий и управление структурой DOM
        • Знания внутреннего устройства интерпретатора JavaScript
        • Использование встроенных возможностей браузера для воспроизведения аудио и видео на веб-страницах
        • Контроль процесса выпуска различных версий программ (GIT)
        • Опыт написания Ajax-запросов
        • Создание графических интерактивных приложений
        • Разработка профессионального frontend-а на ReactJS, Flux, Redux
        • Навыки работы с Gulp, Grunt, Webpack, Mustache и Underscore
        РезюмеУдостоверениеСертификат
        Userpic

        Ричард Хендрикс

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

        Желаемая зарплата 114 000 ₽/мес

        Опыт работы менее 1 года

        Владение технологиями

        ReactjsReactJS
        WebpackWebpack
        GruntGrunt
        GulpGulp
        AjaxAjax
        JqueryJQuery
        GitGIT
        LessLess
        Twitter bootstrapTwitter Bootstrap
        JavascriptJavaScript
        Css3CSS3
        Html5HTML5

        Ключевые навыки

        • Вёрстка сайтов с использованием HTML5 и CSS3
        • Разработка с применением Twitter Bootstrap
        • Умение создавать интерактивные страницы на JavaScript
        • Применение IDE, полезных приёмов и средств автопроверки кода
        • Использование инструментов разработки и отладки в браузере
        • Делегирование событий и управление структурой DOM
        • Знания внутреннего устройства интерпретатора JavaScript
        • Использование встроенных возможностей браузера для воспроизведения аудио и видео на веб-страницах
        • Контроль процесса выпуска различных версий программ (GIT)
        • Опыт написания Ajax-запросов
        • Создание графических интерактивных приложений
        • Разработка профессионального frontend-а на ReactJS, Flux, Redux
        • Навыки работы с Gulp, Grunt, Webpack, Mustache и Underscore

        Мы проводим обучение на основании государственной лицензии № 040485. По результатам успешного завершения обучения выдаем выпускникам удостоверение о повышении квалификации.

        Удостоверение
        Общество с ограниченной ответственностью "ГикБреинс"
        Удостоверение
        о повышении квалификации
        000001
        Регистрационный номер
        №1234
        Город
        Москва
        Дата выдачи
        22.05.2020
        Настоящее удостоверение свидетельствует о том, что
        Ричард Хендрикс
        прошел(а) повышение квалификации
        на образовательном портале GeekBrains
        по дополнительной профессиональной программе
        Frontend-разработчик
        в объёме 251 академический час
        М.П.
        Генеральный директор
        Никитин А.В.

        После прохождения каждого курса студенты получают электронный сертификат об окончании курса.

        Ричард Хендрикс
        Прошел обучение по курсу «HTML/CSS. Интерактивный курс»
        Certificate

        Вас будут обучать эксперты-практики

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

        4.8
        Средняя оценка
        Thumb
        41
        Проведено групп

        Игорь Филимонов

        Глава департамента веб-разработки в «МакроИндексе». Senior Web Developer, реализует IT-проекты с 2006 года. Ведущий преподаватель GeekBrains, участник и спикер конференции WordСamp Moscow.

        4.9
        Средняя оценка
        834292
        37
        Проведено групп

        Игорь Кубиков

        Фрилансер, программирует с 2012 года. Пишет на PHP и Java, работает с фреймворком Yii2. Знает, как проектировать большие сложные приложения. Охотно делится опытом и подсказывает, как строить работу с заказчиком.

        4.6
        Средняя оценка
        596669
        32
        Проведено групп

        Сергей Герасименко

        Работает в Информационно-вычислительном центре Управления ОАО «РЖД». Разрабатываю сайты, веб- и бизнес-приложения (JEE), в том числе уникального ПО «САОС» для «РЖД». Преподаёт курсы по веб- и Java-программированию в учебных центрах «Трайтек», «Диполь» и других.

        4.9
        Средняя оценка
        Thumb
        30
        Проведено групп

        Александр Ерофеев

        Веб-разработчик. Преподаватель и аспирант Санкт-Петербургского политехнического университета.

        4.7
        Средняя оценка
        Thumb
        28
        Проведено групп

        Дмитрий Бондарчук

        Ведущий разработчик в стартапе (Нидерланды). Основатель креативного агентства «Амика». Опыт разработки и руководства командой — 10 лет. Кандидат физико-математических наук в области Computer Science.

        4.7
        Средняя оценка
        Thumb
        25
        Проведено групп

        Сергей Твардовский

        Старший специалист, Vue.Js-разработчик в компании «НЕОЛАНТ», работает с Autodesk Revit. Занимался 2D- и 3D-графикой, дизайном, разработкой на Vanilla JS.

        4.5
        Средняя оценка
        Thumb
        18
        Проведено групп

        Никита Овчинников

        Senior Software Engineer в EPAM, участник международного проекта компании Ericsson. Работал в NewContact, DeltaPlus, Mls IT Systems. Самостоятельно разрабатывает проект Truemania.ru.

          -40%
          для первых 20 студентов

          Стоимость обучения

          Рассрочка без первого взноса и переплат

          2 000 ₽/месяц

          Одним платежом 

          60 000 ₽ 36 000 ₽
          Скидка действует до 11 августа 2020
          13%

          Сэкономьте еще 13%

          Вы можете вернуть 13% стоимости через налоговый вычет. Оставьте заявку и спросите об этом менеджера.

          Записаться на курс и получить бесплатную карьерную консультацию

          Старт: 4 августа, 8 августа
          Имя
          E-mail
          Телефон
          Бесплатный звонок по России 8 800 700-68-41
          Отправляя заявку,  вы принимаете условия договора-оферты и даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.
          Часто задаваемые вопросы
          Как проходит обучение?
          Уроки проходят в формате online-трансляций, несколько раз в неделю в вечернее время по Москве. Преподаватель объясняет темы, все его действия отображаются на экране. Студенты задают вопросы и обсуждают материал в чате. В конце каждого урока студенты получают практические задания. Преподаватель оценивает их и обсуждает плюсы и минусы на следующем занятии. Некоторые курсы будут представлены в виде заранее записанных видеолекций.
          Что делать, если я не могу учиться Online?
          Для тех, кто не смог вовремя присутствовать на уроке, мы записываем каждое занятие. Видеозаписи всегда доступны в разделе обучения. Также к каждому уроку мы разработали методички, с помощью которых можно лучше подготовиться к занятиям и получить дополнительные знания.
          Можно ли делать перерывы в обучении?
          Между курсами можно делать перерывы и регулировать интенсивность своего развития по мере усвоения знаний. Мы рекомендуем не записываться на все курсы сразу, а проходить их последовательно и работать на результат.
          Кто преподаёт в GeekBrains?
          Преподавать в GeekBrains могут только специалисты с большим опытом реализации проектов. Мы проводим жёсткий отбор кандидатов с помощью программ аттестации и внутреннего обучения. Студенты оценивают уровень преподавателя и качество программы по пятибалльной шкале. Таким образом, мы улучшаем образовательный процесс ежедневно.
          Кто такие наставники?
          Наставником может стать любой студент GeekBrains, который пройдёт нашу систему тестирования. Основная задача наставников - помогать студентам осваивать профессиональные навыки, отвечать на вопросы, касающиеся практических заданий и учебных проектов.
          Помогаете ли вы с трудоустройством?
          В программу обучения входит гарантированная стажировка, которая даёт компетенции, необходимые для старта карьеры. Основная задача - получить опыт командной разработки. Также выпускники курсов могут стажироваться в компаниях-партнёрах, которые предлагают различные варианты трудоустройства в разделе “Карьера”.
          Что делать, если у меня проблема или срочный вопрос?
          Если вы являетесь студентом платных курсов и у вас возникли вопросы, связанные с образовательным процессом, свяжитесь с нами: sales@geekbrains.ru или 8-800-700-68-41 (звонок бесплатный). По остальным вопросам пишите нам на support@geekbrains.ru
          Какой требуется опыт для обучения?
          Наши образовательные программы ориентированы на тех, кто хочет с нуля освоить профессиональные навыки. Для обучения начальной подготовки или базовых знаний не требуется.
          Какие минимальные требования к оборудованию и программному обеспечению?
          Для учебы вам необходим компьютер как минимум с двухъядерным процессором частотой от 1,8 ГГц и выше и оперативной памятью от 2 Гб (в идеале — 4Гб) и 20 и более Гб свободного места на жестком диске. на нем должна быть установлена любая современная ОС, а также редактор кода (Notepad++, IDE).