Обработчики событий Циклы while и for Работа с DOM деревом Атрибуты, узлы, элементы Cookie

Курс Front-End

верстки сайтов

Обучаем / лет

Гарантия

1 %

Реальные / отзывы

1 %

Преимущества прохождения FRONTEND курсов в Днепре

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

Есть более легкий способ. Найти хорошие It-курсы, с грамотными преподавателями, адекватными сроками обучения и приемлемой ценой, чтобы получить навыки веб-разработки с нуля, а после обучения можно претендовать на должность junior front-end developer

ФОРМАТЫ ОБУЧЕНИЯ

Курс в записи
Стоимость: 3 150грн.
В записи с поддержкой
Стоимость: 5 720 грн.

Подробности уточняйте у наших менеджеров

Наши выпускники работают в крупнейших украинских и международных компаниях

Преимущества
обучения Front-End

верстаете свой первый проект в портфолио;
работаете на реальном хостинге;
изучаете CMS WordPress и верстаете на него шаблон;
преподаватели-практики, за плечами которых сотни сверстанных сайтов, интерактивных проектов;
меньше теории, больше дела — это наш принцип (только практикуясь, достигаем совершенства);
комфортные и удобные аудитории, современные компьютеры, оснащенные последними версиями редакторов кода;
изучаем только то, что реально используется в современном мире веб-разработки (наши преподаватели всегда следят за новыми тенденциями, их уроки помогут вам получить только свежие знания);
дружный и сплоченный коллектив, готовый всегда с радостью ответить онлайн на любые ваши вопросы

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

по всем интересующим вас вопросам вы всегда можете обратится к нам заполнив форму ниже

примеры вопросов

Но и это еще не все преимущества.

Главное, вы будете учиться в группе единомышленников, которые всегда постараются помочь при необходимости. Ну и конечно, вам обязательно при возникновении затруднений (а они обязательно будут) всегда помогут опытные преподаватели.

Какая нужна подготовка для обучения html?

Необходимо быть продвинутым пользователем компьютера. Что это означает:

иметь навыки работы с файлами разных типов и папками;
знать и уметь пользоваться архиваторами (уметь распаковывать сжатые архивы в нужные папки);
уметь работать с текстовыми редакторами, а также с офисными пакетами.

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

Кому подойдут курсы front-end developer?

Наши курсы — это хороший старт для получения начальных знаний в сфере создания профессиональных сайтов за короткий срок. Кому пригодятся они больше всего:

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

Не страшно начать профессиональную жизнь с «чистого листа». Страшно не попытаться изменить свою жизнь, а потом жалеть, что не сделал это.

Чему вы научитесь, пройдя курсы html и css?

курсы программирования ведут практикующие специалисты

Прослушав данные курсы, вы получите современные навыки для создания интернет-страниц, landing page, а также простых сайтов-визиток. Все эти типы сайтов очень востребованы в современном бизнесе, поэтому научиться делать их — это значит всегда иметь стабильный заработок.

Проиграть видео

Чему научитесь за эти 8 недель:

изучите на практических примерах с нуля язык разметки html, а также основные теги;
поймете на практике назначение новых тегов для придания сайту логики и структуры с семантическими тегами html5 (article, header, nav);
изучите синтаксис css, а также препроцессоры;
научитесь создавать удивительные элементы страниц исключительно на CSS3, где раньше нельзя было без JavaScript;
узнаете, что такое «верстка кроссбраузерно и адаптивно» (при помощи новейших фреймворков для разработки);
узнаете об интересных библиотеках создания интерактивных страниц (Jquery);
разберетесь на простых примерах с синтаксисом JavaScript с его основными конструкциями с помощью редакторов кода;
будете очень много практиковаться для закрепления и оттачивания своих навыков, чтобы стать по настоящему крутым специалистом.

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

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

Приходите к нам на курсы html и css, мы научим делать правильные сайты за короткий срок, поможем стать настоящим профессионалом в своем деле. После наших курсов, обладая современными знаниями, вы будете способны претендовать на позицию Junior Front-end Developer, делая мир лучше, создавая современные функциональные веб-ресурсы.

Как проходит обучение FRONT-END?

Комфортное изучение

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

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

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

Уроки в реальном времени

На уроках в режиме реального времени вы сможете задавать вопросы, разбирать задания, получать дополнительные знания, общаться с одногруппниками и преподавателями. А если вы пропустили занятие — сможете пересмотреть запись урока в удобное для Вас время.

Бесплатный доступ к сервисам

На время обучения мы предоставляем студентам бесплатные доступ к WEBSTORM

Конспекты всех лекций

Все лекции дополняются полезными обучающими материалами: конспектами от преподавателей, чек-листы, инструкции, тесты, шаблоны.

Содействие в трудоустройстве

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

Обучение

Программа курса: "Верстка и создание сайтов"

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

Скачать программу

1. Введение в верстку, основы HTML

Основные теги, парные, непарные.
Правила применения тегов их структура.
Блочные и строчные элементы в верстке.
Научимся работать с списками, ссылками, изображениями.
Атрибуты тегов и их применение.
Результат: сверстаем первую, простую страницу в HTML редакторе

2. Работа с таблицами и формами, БД

Научимся работать с таблицами (для понимания структуры и иерархии тегов).
Строки, ячейки.
Создадим первую форму, настроим обработку post, get запроса.
Первое знакомство с базой данных.
Атрибутами оформим таблицу.
Результат: практика по тегам, первая форма

3. Введение в CSS

Преимущества стилей
Подключение стилей
Базовый синтаксис CSS
Значения стилевых свойств

Селекторы тегов

Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор

Создание макета страницы

Разбивка на блоки
DIVная верстка
Задание размеров элементам
Позиционирование
Внешние отступы
Внутренние отступы
Схлопывание отступов
Оформление и изображения
Работа с фоном

4. Верстка макета

- Обтекание блоков float
- Позиционирование и отступы
Адаптивная верстка
- Верстка под различные устройства
- Резиновая верстка
- Придание блокам адаптивности
- Медиа-запросы
Подключение скриптов
- Внешние скрипты
- Порядок исполнения
- Подключение библиотеки jQuery
- Выполнение javascript

5. Визуальные эффекты в css

Генераторы css кода
Тени и объем для элементов
Тени и стили для текста
Градиенты
Создание и позиционирование кнопок
CSS3 анимации элементов
Кроссбраузерная верстка
Вендорные префиксы
Применение сетки

6. Что такое фреймворки

- Bootstrap
- Начало работы
- Подключение состав и настройка
- Система сеток
- Мобильная верстка
- Выравнивание контента
- Растровая и векторная графика
Шрифтовые иконки
- Glyphicons
- Font Awesome
- Анимированые иконки
css псевдоклассы
- Псевдокласс :hover
- Псевдокласс :active
Работа с готовыми элементами
- Меню
- Слайдер
- Акардеон
- Таблицы

7. Группирование

- Наследование
- Каскадирование
- Псевдоклассы. Псевдоэлементы
- Верстка выпадающего меню
- Подключение шрифтов
Фотошоп для верстальщика
- Слои
- Размер элементов
- Нарезка макета и картинок
- Как посмотреть шрифты и цвет
Проверка данных на валидность (проверка кода)
- Для чего нужна валидация кода?
- Требования к коду W3C
- Валидация CSS
- Написание корректного кода
- Написание эффективного кода
- Исправление ошибок
- Сервисы и инструменты проверки кода

8. Создание своего сайта

- Работа с хостингом
- Что такое домен и хостинг
- Что такое DNS сервер
- Файловая структура
- Создание базы данных для сайта
- Загрузка архива CMS на хостинг
- Процесс установки CMS, подключение к БД
Работа с CMS WordPress
- Интерфейс WordPress
- Основной функционал
- Создание страниц
- Создание записей
- Различие между страницами и записями
- Администрирование CMS
- Плагины, компоненты

9. Установка самописной темы на WordPress

PHP связи
WordPress кодекс
Формирование страниц при помощи PHP
Установка болванки
Подключение динамических путей

Настройка

page.php
header.php
footer.php
functions.php
front-page.php

10. Верстка одностраничника (landing page)

- Подключение эффектов parallax js
- Подключение видео на фон
- Анимации элементов wow js
- Canvas html5
Системы контроля версий git и github
- Командная разработка проекта
- Работа через удаленный репозиторий git
- Установка клиента smartgit
- Настройка smartgit
- Коммиты
- Команды pull и push
- Решение конфликтов