Профессия Верстальщик | GeekBrains - образовательная площадка для программистов

Бесплатная помощь в подборе профессииБесплатная помощь в подборе курса

Бесплатная помощь в подборе профессии

Бесплатная помощь в подборе курса

Бесплатная помощь
в подборе профессии

Бесплатная помощь
в подборе курса

Профессия

Верстальщик

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

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

Сложность

5 месяцев

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

50 000

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

«На сегодняшний день фокус веб-разработки все больше переходит от бэкенда к фронтэнду, появляются новые фантастические возможности в этой области (HTML5, CSS3, JS) и, как следствие, профессия фронтэнд-разработчика (в прошлом верстальщика) становятся все более актуальной, а хорошие специалисты все более ценными.»

− Дмитрий Акинин, преподаватель

Стажировка после обучения

Три способа превратиться из ученика в высококлассного специалиста!

Цель IT-Инкубатора GeekBrains - повышение квалификации начинающих разработчиков и поддержка инициатив молодых IT-предпринимателей. Сюда вы можете прийти в поисках практики на реальном проекте. Профессиональный наставник поможет вам получить опыт командной работы, собрать портфолио или реализовать давнюю мечту по созданию IT-проекта.

Можно ли участвовать в Инкубаторе удаленно?

Да, такой формат возможен.

Как попасть в инкубатор?

Чтобы попасть в инкубатор, оставьте заявку на понравившуюся вам вакансию на странице проекта в разделе "Карьера/Инкубатор".

Как все организовано?

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

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

Какие задачи в проекте я буду выполнять?

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

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

Как попасть на стажировку?

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

Если идея собственного проекта у вас еще не сформировалась, а идти на стажировку в компанию страшно, запишитесь на гарантированную стажировку от GeekBrains. Навыки командной разработки под руководством опытного наставника и полноценный кейс для портфолио вам гарантированы.

Зачем проходить стажировку?

Одно дело - уметь писать код, и совсем другое - работать программистом. На этой стажировке вы сможете примерить на себя роль разработчика как участника команды, пройдете путь от зарождения идеи проекта до его реализации, научитесь использовать git и trello, укладываться в deadline-ы, и, наконец, совместными усилиями выпустите готовый продукт.

Основная и единственная цель стажировки - обучение наших выпускников.

Как все проходит?

Стажировка оформлена в виде привычного курса с 6 уроками. Каждый урок длится около 1.5 часов.

На первом занятии мы в игровой форме создаем IT-компанию, и получаем первый заказ от виртуального заказчика. Далее каждому из участников предоставляется возможность примерить на себя роль Аналитика, Проектировщика интерфейсов и Архитектора проекта. Задача - на себе прочувствовать роль каждого члена команды.

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

Над каким проектом будет идти работа?

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

На каких языках ведется разработка?

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

Кто курирует разработку?

Курированием проекта занимается Евгений Картавец. В планах подключение других преподавателей GeekBrains.

Как принять участие в стажировке от GeekBrains?

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

А меня возьмут?

Гарантированная стажировка потому так и называется, что дает возможность каждому выпускнику GeekBrains, прошедшему соответствующие описанию стажировки курсы, выйти на IT-рынок с опытом разработки за плечами. И не переживайте, что у вас что-то не получится, ведь в помощь вам будет дружная команда и опытный наставник в придачу.

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

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

Должность: фронтенд-разработчик

Желаемая зарплата

50 000 руб.

Опыт работы

< 1 года

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

Свободное владение HTML и CSS, а также знания JavaScript
HTML5 и CSS3
Кроссбраузерная верстка
Оптимизация под мобильные устройства
Опыт адаптивной вёрстки
Умение разбираться в чужом коде
Понимание основ юзабилити

Почему курсы

Давайте сравним эффективность самых популярных способов обучения

Способ обучения

Цена

Затраченное время

Практический опыт

Гарантия
результата

ВУЗЫ

Книги

Онлайн-курсы

7 из 10

Наших студентов находят работу в процессе обучения

3,5 года

Именно столько Вы сэкономите на своем обучении благодаря курсам

1 месяц

За это время Вы окупите стоимость обучения сразу после курсов

Как проходят занятия

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

Записи всех занятий

Даже если Вы пропустите занятия, Вам всегда будут доступны записи всех уроков

Общение с одногруппниками

Если возникнут сложности, то одногруппники помогут

Домашние задания

После каждого урока сдавайте домашние задания на проверку преподавателю

Что Вы будете изучать

Никаких скучных теорий. 3 практических курса и стажировка.

HTML/CSS. Основы создания сайтов

Урок 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.

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

Урок 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. События

Введение в браузерные события, порядок их обработки. Объект события. Всплытие и перехват. Делегирование событий. Генерация событий. Действия браузера по умолчанию.

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

Урок 1. HTML5: начало

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

Урок 2. HTML5: продвинутые веб-формы

Усовершенствование традиционных форм (добавление подсказок, фокусировка на элементе и т.д.); проверка форм на ошибки заполнения; новые типы элементов (адреса электронной почты, URL-адреса и т.д.); рассмотрим и реализуем на практике новые возможности HTML5; увидим, как работают новые элементы, и протестируем их в работе.

Урок 3. HTML5: аудио и видео.

Работа с видео и аудио в HTML5; воспроизведение аудио и видео информации на странице; добавим в наш проект видео и аудио информацию; посмотрим, как всё это реализуется на практике; взвесим все плюсы и минусы нового подхода к воспроизведению аудио-видео информации.

Урок 4. CSS3: параметры CSS для фона

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

Урок 5. CSS3: современное использование шрифтов, работа с текстом

Работа с шрифтами; веб-шрифты Google; размещение текста в несколько колонок; рассмотрим механизмы представления текстовой информации: оформление, выравнивание, отступы и т.д.; используем в нашем проекте новые возможности работы с шрифтами, текстом; преобразуем текстовую информацию нашего проекта в соответствии с новыми возможностями.

Урок 6. Анимация в CSS

Создание анимации средствами в CSS3; добавим в рабочий проект анимацию, созданную при помощи CSS3; оживим страницы нашего сайта.

Урок 7. CSS3: современные методы работы с рамками

Работа с границами в CSS; способы создания рамок элементов; создание прозрачных рамок, теней, скругленных углов, градиентов; модернизируем страницы нашего сайта в соответствии с новшествами CSS3; придадим дизайну современный вид.

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

Эффекты перехода; применение трансформации; на данном этапе сделаем финальный проект со всеми доработками и нововведениями, представленными CSS3.

Только GeekBrains имеет более 30 компаний-партнеров в сфере ИТ для стажировки наших выпускников. Сразу после завершения обучения Вы сможете выбрать наиболее интересный вариант стажировки:

Выпускники могут проверить свои силы на стажировке в одной из компаний-партнеров, список которых постоянно обновляется
Также можно пройти стажировку в рамках обучающего портала GeekBrains

Все выпускники могут проверить себя в процессе разработки проекта "с нуля". Вы будете работать в одной команде с другими выпускниками. Куратором процесса выступит опытный преподаватель и team leader Евгений Картавец.

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

Если вы пройдете стажировку достаточно успешно, по окончанию вы получите рекомендацию от преподавателя для дальнейшего трудоустройства.

Что говорят о курсах выпускники

Мы публикуем все отзывы и оценки выпускников без изменений

4.6 / 5

Средняя оценка программе

4.7 / 5

Средняя оценка преподавателей

Подведем итоги

Месяц обучения и практической работы по курсу HTML/CSS

Месяц обучения и практической работы по курсу JavaScript

Месяц обучения и практической работы по курсу HTML5 и CSS3

2 месяца стажировки

Видеозаписи всех 24 занятий

Домашние задания на закрепление каждого урока

Более 20 презентаций и методических пособий

Бесплатные обучающие видео

Форум для общения с преподавателем и коллегами

Сертификат о прохождении обучения

Практический опыт разработки

Ближайшие даты начала обучения

13.10.2016, 17.10.2016

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

6 490 ₽/ мес.