logo-textmainwebinarforumstudyingcoursestestsGBwebicons-08cartmessageslogoutloginlikegobacknoticearrow-downarrow-uparrow-leftarrow-rightlike-smallblogsettingshelpviewscommentstagsmoremenuinstagramvkvkontaktefacebookgooglegoogle_oauth2g_plus-icn-01link_icn-01mailto_icn-01ok_icn-01#double-arrow-leftavatarprobationcog-smallcheckmore-iconcritical-noticecareercheckx-icnedit-icnemergency-helpicon-callbackicon-callback-hideicon-phonesmile-icnunsmile-icnlike-miniviews-minicomments-minigroup-minipricecalendargroup-ocertificateclassroomrecruitrecruit-hoverplaygithublinkedinbitbuckethometwitterprojecttrashmarkrecruitwriterefuserefreshmark-filledicon-pulsestarsearchproject-rocketyoutubetelegramsendmore-horizontalcalendar-2listbookslaptopcaseprice-badge-cornerpassword-hidepassword-showgive_me_my_moneymoney_sendquestion_smallquestionnairelocklesson-bellmenu_hmbrgrinfo-icnlinkpresentpdfdoneblankwinkspecial offertimerandroidmailrugmailyandexramblerbook-openbook-open-with-arrowcert-filledcert-emptyplay-2collapse-panelupload_arrowhomework-donereflected-eyearchivedownloadtimeronline-webinararrowvideounknown_asset_typeimagegwc-likegwc-viewgwc-commentgwc-playguruflag-ruflag-gbcart-preloadercart-errorcart-successfire-in-the-holeon-airvery-likeicon-web-faculty-quartericon-android-faculty-quartericon-cursor-pointericon-quotes
Бесплатная помощь в подборе профессииБесплатная помощь в подборе курса
Бесплатная помощь в подборе профессии
Бесплатная помощь в подборе курса
Бесплатная помощь
в подборе профессии
Бесплатная помощь
в подборе курса

Профессия

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

Профессиональная верстка сайтов по современным стандартам

Востребованность

Сложность

6 месяцев

Время освоения

114 000 ₽

Средняя зарплата

Head
Коротко о профессии
1
Кто такой Frontender?
Frontend разработчик верстает сайты и шаблоны для CMS, разрабатывает пользовательский интерфейс и внедряет в него скрипты, отвечающие за анимацию и логику на веб-страницах.
2
Знания и навыки
Изучив JavaScript вы научитесь создавать современные “живые” сайты, а знания HTML5&CSS3 дополнят их качественным адаптивным интерфейсом. Вы пройдёте все этапы Frontend-разработки и получите инструкции для развития и старта карьеры.
3
Перспективы после обучения
Каждому выпускнику профессии открывается возможность пройти гарантированную стажировку. Приобретённые навыки командной разработки и готовые кейсы для портфолио помогут начать карьеру с позиции “Junior Frontend Developer”.
Средняя зарплата по Москве и МО
для «Frontend Разработчик» 114 000 ₽/мес
Diagram
Как стать Frontend Разработчиком
Path
Во время урока

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

1
После урока

Студенты отправляют домашние задания на проверку.
Для тех, кто не смог присутствовать на уроке, каждое занятие записывается.

2
Общение и обратная связь

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

3
Тестирование

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

5
Поддержка сообщества

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

7
Сертификат

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

6
Программа

Никакой скучной теории: 6 практических курсов и гарантированная стажировка

Htmlcss
HTML/CSS
Основы создания сайтов
1 месяц
8 Уроков
Подробнее
Урок 1. Основные понятия в веб-разработке
Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.
Урок 2. Основы языка разметки документов HTML
Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.
Урок 3. Основы языка оформления стилей документа CSS
Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.
Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка
Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.
Урок 5. Формирование блочной модели; блочная вёрстка
Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.
Урок 6. Работа с макетом дизайна в формате PSD
Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel.
Урок 7. Разметка сайта и знакомство с Bootstrap
Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.
Урок 8. Стандарты web и вспомогательные инструменты
Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.
Вы научитесь
HTML, в том числе HTML5;
CSS, в том числе CSS3;
Верстать статические сайты;
Валидной, кроссбраузерной вёрстке;
Блочной вёрстке;
Выполнять базовые операции в Photoshop и GIMP;
Использовать препроцессоры LESS;
Использовать Bootstrap.
Свернуть

Html5 %d0%b8 css3
HTML5 и CSS3
Современные средства Web-разработки
1 месяц
8 Уроков
Подробнее
Урок 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.
Вы научитесь
Знаниям и умениям применять на практике HTML5;
Использовать самые последние новшества CSS3;
Верстать статические сайты;
Использовать тени, скругленные углы блоков без использования изображений;
Создавать текстовые эффекты;
Использовать на своих сайтах нестандартные загружаемые шрифты
Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя;
Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах.
Свернуть

Javascript
JavaScript. Уровень 1
Интерактивные веб-приложения
1 месяц
8 Уроков
Подробнее
Урок 1. Основы языка Javascript
Синтаксис. Структура кода. Внешние скрипты и порядок их исполнения. Переменные и типы данных. Hello world. Современные стандарты
Урок 2. Основные операторы Javascript
Операторы и операнды. Приоритет операций. Операции сравнения. Побитовые операции. Операции взаимодействия с пользователем (alert, prompt, confirm).
Урок 3. Условные операторы. Циклы
Условный оператор. Тернарный оператор. Оператор множественного выбора. Логические операторы. Короткий цикл вычисления операторов «И» и «ИЛИ». Преобразование типов для примитивов.
Урок 4. Функции
Области видимости. Замыкания. Функциональные выражения. Именованные функциональные выражения. Рекурсия.
Урок 5. Структуры данных
Введение в методы и свойства. Числа, строки, объекты и массивы. Перебор свойств и передача по ссылке. Объект Math. Объект Date. Массив arguments.
Урок 6. Объекты. Контекст вызова
Методы объектов. Ключевое слово this. Преобразование объектов, создание объектов. Статические методы. Явное указание this (call, apply, bind). Декораторы.
Урок 7. DOM. Документ и объекты страницы
Дерево DOM. Работа с DOM из консоли. Навигация по DOM. Свойства узлов, атрибуты, стили, размеры, координаты и прочее. Добавление/удаление узлов.
Урок 8. DOM. События
Введение в браузерные события, порядок их обработки. Объект события. Всплытие и перехват. Делегирование событий. Генерация событий. Действия браузера по умолчанию.
Вы научитесь
Разбираться в языке Javascript и писать код, соответствующий стандартам;
Использовать IDE, полезные приемы и средства автопроверки кода;
Использовать инструменты разработки и отладку в браузере;
Использовать контекст вызова;
Делегировать события и управлять структурой DOM;
Узнаете внутреннее устройство интерпретатора JS.
Свернуть

Javascript logo
JavaScript. Уровень 2
Продвинутый курс
1 месяц
8 Уроков
Подробнее
Урок 1. ООП в JavaScript
Prototype; жизненные циклы объекта; прототипный и функциональный стиль: минусы и плюсы; наследование; встроенные классы.
Урок 2. AJAX
XMLHttpRequest; типы запросов; форматы JSON и XML.
Урок 3. Регулярные выражения в JavaScript
Паттерны и флаги; Regexp и String; квантификаторы; наборы и диапазоны.
Урок 4. Введение в jQuery
Селекторы; события; AJAX в jQuery; работа со стилями и анимация.
Урок 5. Взаимодействие компонентов страницы, практика
Соглашения и документация; разработка модулей.
Урок 6. jQuery UI и другие расширения jQuery
Виджеты; Поведения; дополнительная анимация; подключение и использование объекта Carousel.
Урок 7. Полезные библиотеки, сборщики и шаблонизаторы
Таск-менеджеры; сборщик Gulp.
Урок 8. Тестирование: куда дальше?
Типы тестирования; тестирование в JavaScript; Jasmine.js; дальнейшее развитие.
Вы научитесь
Объектно-ориентированной парадигме в JavaScript;
Писать Ajax-запросы;
Создавать графические интерактивные приложения;
Использовать библиотеку JQuery;
Использовать Gulp, Grunt.
Свернуть

%d0%91%d0%b0%d0%b7%d1%8b %d0%b4%d0%b0%d0%bd%d0%bd%d1%8b%d1%85
Видео-курс: основы баз данных
Язык SQL
20 Уроков
Подробнее
Урок 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 к транзакционной системе.
Вы научитесь
Проектировать базы данных;
Писать SQL-запросы;
Устанавливать и работать с СУБД MySql;
Использовать MySql Workbench.
Свернуть

%d0%90%d0%bd%d0%b3%d0%bb%d0%b8%d0%b8%cc%86%d1%81%d0%ba%d0%b8%d0%b8%cc%86 %d0%b4%d0%bb%d1%8f it
Английский для IT-специалистов
Видео-курс
10 Уроков
Подробнее
Урок 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
Рассказываем о своём проекте и представляем команду на английском.
Вы научитесь
Проходить собеседования и писать CV;
Обсуждать проекты и проводить переговоры;
Переписываться в чате, составлять тех. задания и писать деловые письма;
Понимать носителей языка и читать зарубежные блоги.
Свернуть

Гарантированная стажировка
2 месяца командной разработки под руководством наставника
Geekbrains

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

Стажировка в IT-компаниях
Работа с возможностью трудоустройства
Company

Компании-партнёры GeekBrains рассматривают наших выпускников, закончивших обучение по профессиям, в качестве стажёров с возможностью дальнейшего трудоустройства. Каждая компания предлагает различные условия: оплачиваемая стажировка, стажировка в офисе компании, удалённая работа и пр. Успешно выполнив тестовое задание и пройдя собеседование, любой выпускник GeekBrains может начать карьеру в IT сразу после обучения.

Участие в реальных проектах
Совершенствование навыков программирования в настоящих IT-стартапах
Incubator

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

Подведём итоги
Ваше резюме после обучения
Resume corner
Resume anonymous
Брендан Эйх
Frontend-разработчик
Желаемая зарплата
114 000 ₽/мес
Опыт работы
Менее 1 года
Html5
HTML5
Css3
CSS3
Js
JavaScript
Bootstrap
Twitter Bootstrap
Less
Less
Git
GIT
Jquery
JQuery
Ajax
Ajax
Gulp
Gulp
Grunt
Grunt
Webpack
Webpack
Вёрстка сайтов с использованием HTML5 и CSS3;
Разработка с применением Twitter Bootstrap;
Умение создавать интерактивные страницы на JavaScript;
Применение IDE, полезных приёмов и средств автопроверки кода;
Использование инструментов разработки и отладки в браузере;
Делегирование событий и управление структурой DOM;
Знания внутреннего устройства интерпретатора JavaScript;
Использование встроенных возможностей браузера для воспроизведения аудио и видео на веб-страницах;
Контроль процесса выпуска различных версий программ (GIT);
Опыт написания Ajax-запросов;
Создание графических интерактивных приложений;
Использование библиотеки JQuery;
Навыки работы с Gulp, Grunt, Webpack, Mustache и Underscore.
1
Пунктуальность
Планирование реальных сроков вёрстки и их соблюдение
2
Аккуратность
Способность качественно выполнять кропотливую и ответственную работу
3
Работа в команде
Опыт эффективного взаимодействия с командой разработчиков
4
Личная эффективность
Умение быстро решать поставленные задачи как в работе, так и в личной жизни
Вы получаете
6 месяцев месяцев практического обучения и опыта взаимодействия с командой разработчиков

Основы создания сайтов HTML/CSS - 1 месяц;

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

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

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

Гарантированная стажировка - 2 месяца.

Стажировки от IT-компаний с возможностью трудоустройства - 2 месяца
Видеозаписи всех занятий, все презентации и обучающие пособия
Домашние задания для закрепления каждого урока
Сертификаты о прохождении обучения
Начало обучения
28 февраля
6 марта
Занятия проходят по
Вт, Пт в 20:00 (GMT+03:00) Москва
 
Срок обучения
6 месяцев
 

Возможна банковская рассрочка без первоначального взноса и переплат

6 665 ₽/мес
Cвободно 2 места
Бесплатный звонок по России +7 800 234-05-46

Отправляя заявку, Вы принимаете условия договора-оферты.