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

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

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

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

Кем вы станете

Frontend-разработчик создаёт интерфейсы, с которыми будут взаимодействовать пользователи, верстает сайты по современным стандартам, виртуозно владеет JavaScript, HTML, CSS.

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

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

А у вас есть цель?
История Валерия Турова
Создавать, создавать и еще раз создавать!
История Константина Левачева
Код пульсирует в мозгу и течет по венам
История Артема Шашкова

Учебный процесс

Coding

Работа с преподавателем

Занятия ведут практикующие Frontend-разработчики с профильным образованием и стажем работы по специальности от 5 лет.

Homework uploading

Самостоятельная работа

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

Mentor chat

Работа с наставником

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

Программа

10 практических курсов и 2 месяца стажировки

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

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

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

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

Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML-странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.

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

Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.

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

Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.

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

Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.

Урок 5. Формирование блочной модели; блочная вёрстка

Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.

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

Основные функции и знакомство с Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку;

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

Создание основной разметки сайта; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.

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

Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.

Основы программирования
Видеокурс

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

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

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

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

Правильный настрой; Результативная мотивация; Важные личные качества.

Урок 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 месяц.
Интерактив на JS

Данный курс предназначен для тех, кто уже знаком с принципами 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

Prototype; жизненные циклы объекта; прототипный и функциональный стиль: минусы и плюсы; наследование; встроенные классы.

Урок 2. AJAX и JSON

XMLHttpRequest; типы запросов; форматы JSON и XML.

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

Паттерны и флаги; Regexp и String; квантификаторы; наборы и диапазоны.

Урок 4. Введение в jQuery

Селекторы; события; AJAX в jQuery; работа со стилями и анимация.

Урок 5. Взаимодействие компонентов страницы, практика

Соглашения и документация; разработка модулей.

Урок 6. jQuery UI и другие расширения jQuery

Виджеты; Поведения; дополнительная анимация; подключение и использование объекта Carousel.

Урок 7. Полезные библиотеки, сборщики и шаблонизаторы

Таск-менеджеры; сборщик Gulp.

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

Типы тестирования; тестирование в JavaScript; Jasmine.js; дальнейшее развитие.

Основы баз данных. 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 к транзакционной системе.

Английский для IT-специалистов. 10 уроков.
Видео-курс

Курс, разработанный совместно с школой EnglishDom, поможет освоить ключевые англоязычные темы, актуальные для начинающих IT-специалистов. Максимум практики и фокус на IT-лексику. На 10 уроках разбирается составление 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

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

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. Настройка среды разработки

Настройка и конфигурирование Webpack; определение структуры проекта; создание заглавной страницы проекта.

Урок 3. Первое приложение на ReactJS

Что же такое ReactJS и как с ним работать; JSX, ReactComponent, ReactDOM.render, Render function; создаём и отрисовываем первый компонент; добавляем Layout компонент; определяемся с набором компонентов нашего приложения; реализуем заготовки компонентов системы.

Урок 4. ReactJS под капотом

Virtual DOM; состояние компонентов; как задавать состояние компонента по умолчанию; как изменять состояние компонента; основные этапы жизненного цикла компонента; встраиваем стили в компоненты.

Урок 5. Взаимодействие в ReactJS

Как организуется взаимодействие компонентов; отрисовка и события в ReactJS; передача параметров в компоненты с помощью свойства props; связываем обработчики событий с методами; связываем обработчики событий с методами; как отрисовать несколько компонентов в рамках одного компонента (дочерние компоненты).

Урок 6. Роутинг в ReactJS приложении

Что такое роутинг; добавляем ReactRouter в наше приложение; основные возможности ReactRouter; организуем роутинг в нашем приложении; параметры роутинга.

Урок 7. Концепция Flux на примере использования Redux

Что такое Flux; FluxDispatcher; EventEmitter; Store; что такое Redux и для чего он нам нужен; Reducers; Redux EventEmitter и Store.

Урок 8. Знакомство с NodeJS, EpxressJS и MongoDB

Что такое NodeJS; что такое ExpressJS; что такое MongoDB; устанавливаем и настраиваем NodeJS; подключаем ExpressJS; организуем обработку входящих запросов при помощи ExpressJS Router; устанавливаем и настраиваем MongoDB; типизируем наши схемы, подключаем Mongoose.

Как стать программистом. 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? В каких специальностях проще начинать свой путь? Какие есть перспективы развития?

Веб-разработка. Быстрый старт
Основы 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. Размещаем сайт в интернете

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

English dome
Ваш подарок от EnglishDom - это:
  • Сотни онлайн-уроков для начинающих и продвинутых студентов;
  • Структурированная информация: словари, теория, практика, истории из жизни, аудио-примеры, тренажёры и тесты;
  • Вебинары на важные темы, например, «как учить английский самостоятельно»;
  • Интересный блог, из которого вы узнаете об английском компьютерном сленге или наследии Стива Джобса.
Поможет поднять уровень английского языка от Elementary до Intermediate. Доступ к 4 курсам общей продолжительностью 255 часов.
Feature beginners
Английский для начинающих
Feature сonversation
Разговорный английский
Feature middle
Средний уровень
Feature for it
Английский для IT
Каждый курс — это 25 уроков на разные темы
Shape

01 Saying Hello

Начнем с приветствия

ABC... 123...

Каждый урок — 8 разных навыков
Skill dictionary
Словарь
Skill theory
Теория
Skill practice
Практика
Skill lifestory
Life story
Skill phrasebook
Разговорник
Skill dialog
Диалог
Skill phrasebook lesson
Разговорный урок
Skill test
Тест
А ещё тренажёры для запоминания правил, слов и фраз. И в конце каждого урока проверка ваших знаний
She is my
Вы получаете 3 месяца использования сервиса EnglishDOM в подарок при покупке обучения

Стажировка и другие способы получить опыт разработки

Гарантированная стажировка от GeekBrains

Каждый студент сможет стажироваться на реальном проекте GeekBrains или Mail.Ru в зависимости от направления обучения.

Gb mail ru

Стажировка у партнёров

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

Companies

Опыт в стартапе

В разделе “Карьера” есть проекты выпускников. Участвовать в них сможет любой, кто подходит по требованиям. Станьте стартапером: найдите единомышленников и превратите идею в успешный проект!

Projects

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

свидетельство установленного образца

и сертификат, который можно распечатать из личного кабинета.

гарантированную стажировку

в Geekbrains или в компаниях-партнерах и проект для портфолио.

среднюю зарплату 114 000 рублей

именно столько составляет средняя зарплата Frontend-разработчика по результатам исследования от 26.03.18

Результат подтверждают

Свидетельство и сертификат

Мы проводим обучение на основании государственной лицензии № 038188. Студенты GeekBrains получат налоговый вычет в связи с расходами на обучение.

Certificate
Ричард Хендрикс
Frontend-разработчик
  • Интерактивный курс по HTML/CSS
  • Основы программирования
  • HTML5 и CSS3
  • JavaScript. Уровень 1
  • JavaScript. Уровень 2
  • Основы баз данных
  • Английский для IT-специалистов
  • ReactJS
  • Как стать программистом
  • Веб-разработка. Быстрый старт
Attestation

Резюме

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-запросов
  • Создание графических интерактивных приложений
  • Использование библиотеки JQuery
  • Разработка профессионального 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-запросов
  • Создание графических интерактивных приложений
  • Использование библиотеки JQuery
  • Разработка профессионального frontend-а на ReactJS, Flux, Redux
  • Навыки работы с Gulp, Grunt, Webpack, Mustache и Underscore

Мы проводим обучение на основании государственной лицензии № 038188. Студенты GeekBrains получат налоговый вычет в связи с расходами на обучение.

Ричард Хендрикс
Frontend-разработчик
  • Интерактивный курс по HTML/CSS
  • Основы программирования
  • HTML5 и CSS3
  • JavaScript. Уровень 1
  • JavaScript. Уровень 2
  • Основы баз данных
  • Английский для IT-специалистов
  • ReactJS
  • Как стать программистом
  • Веб-разработка. Быстрый старт
Attestation
Ричард Хендрикс
Прошел обучение по курсу «Интерактивный курс по HTM...»
Certificate

Преподаватели-практики

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

Продолжительность
7 месяцев
Начало обучения
15 декабря / 18 декабря
Занятия проходят
Пн, Чт в 20:00 по МСК
Скидка действует до 17 декабря 2018
7 141  3 927 руб./месяц
на условиях банковской рассрочки
13%

Хочешь еще дешевле?

Ты можешь вернуть до 13% стоимости обучения в виде налогового вычета. Подробности тебе расскажет наш консультант после отправки заявки.

Осталось 14 мест

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

Имя
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).