Днепр

+38 (056) 767-27-67  

Все телефоны ▼

Курс Front-end верстки:
ОБУЧЕНИЕ ВЕРСТКЕ САЙТОВ

Продолжительность: 17 недель

Стоимость курса: 7350 грн

Старт ближайшей группы

  • 22 сентября (+Online)
  • Вт/Пт (18:00-21:00)
  • 25 занятий по 3 часа
  • Длительность: 3,5 месяцев
  • 24 октября (+Online)
  • СБ (09:00-13:30)
  • 17 занятий по 4,5 часа
  • Длительность: 4 месяца
  • 3 платежа по 2450

Обучение на курсе верстки сайтов

Занятия проходят по расписанию, в аудитории + онлайн через Zoom в real-time

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

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

Все видео лекций записи остаются у вас

Как проходит обучение созданию сайтов

    Верстальщик сайтов кто это? Чем занимается

  • Создает сайты. Если дизайнер рисует, то верстальщик повторяет этот рисунок уже кодом.
  • Как стать верстальщиком, чему учиться на верстальщика

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

  • Чем больше тем лучше. Профессия динамичная вы постоянно узнаете что то новое. Самое ценное это опыт и гибкое мышление.
  • Верстальщик плюсы и минусы профессии

  • Работа востребованная, интересная и креативная. Нужно развивать в себе внутренний перфекционизм и педантизм. Все с первого раза не получиться но результат того стоит)
  • Где и как учиться на верстальщика

  • г. Днепр, ул. Троицкая (Красная), 21г, офис 310. Самое главное не лениться делать (писать код) порой по несколько раз.
  • Сколько получает верстальщик

  • Средняя зарплата верстальщика 15000грн (все зависит от скорости вашей работы/объема)

Курсы по созданию сайтов в Днепре

  • Верстке обучает верстальщик с опытом
  • На курсе вы создаете реальный сайт на хостинге
  • Последовательно обучаетесь верстки с самого начала
  • Создаете первые сайты в портфолио верстальщика
  • Изучите HTML, CSS, верстка с PSD макета, фреймворки
  • Приобретенный навык верстать сайты с дизайн макетов
  • Установите WordPress, сверстаете свою тему

Во время обучения созданию сайтов вы получите

Пройдя обучение на курсе верстки, вы научитесь создавать сайты и получите отличную базу для развития в сфере web-разработки. Курс основан на опыте практикующих программистов, разрабатывающих сайты и интерфейсы различной сложности с 2009 года. Курс верстки сайтов, отличное начало изучения веб программирования. Следующий шаг - курс javaScript или BackEnd программирование на PHP

ПРОГРАММА КУРСА верстки HTML/CSS

Программа курса HTML CSS верстки предполагает изучение основ frontend с нуля. Стать WEB-программистом без длительного обучения реально! Обучение на курсах верстальщика сайтов построено на постоянном применении теории на практике. Чтобы в дальнейшем верстать функциональные и современные сайты и стать востребованным верстальщиком, будьте готовы к регулярному выполнению задач, домашних заданий и сдаче своего проекта.

- 1 -

модуль

  • Введение в HTML
  • Набор инструментов, программ верстальщика
  • Теги. Парные, непарные теги
  • Правила применения, вложения тегов
  • Блочные, строчные элементы
  • Списки, маркированные, нумерованные
  • Ссылки, атрибуты ссылок. Якоря
  • Абсолютные и относительные ссылки
  • Работа с изображениями. Атрибуты

- 2 -

модуль

  • Таблицы и формы
  • Теги, атрибуты, стили для таблиц
  • Формы. Отправка post и get запросов
  • Базы данных и формы
  • Атрибуты для форм. Обработчики

- 3 -

модуль

  • Введение в 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
  • Решение конфликтов

- 11 -

модуль

  • SEO оптимизация для верстальщиков (продвижение в поисковиках)
  • История поисковиков
  • Индексация
  • Настройка файла robots.txt
  • Как ускорить индексацию
  • Понятие о семантическом ядре
  • Что нужно сделать для появления сайта в поисковиках

- 12 -

модуль

  • Введение в JavaScript
  • Переменные, именование переменных, объявление переменных
  • Функции ввода и вывода alert, prompt, confirm
  • Типы данных
  • Преобразование типов
  • Операторы сравнения
  • Логические операторы
  • Работа в консоли

- 13 -

модуль

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

- 14 -

модуль

  • Введение в JQuery
  • Выборка в DOM
  • Траверсинг
  • Метод css
  • Метод attr()
  • События в JQuery

- 15 -

модуль

  • Изменение DOM в JQuery
  • Выборка в DOM
  • Методы appendChild() insertBefore() insertAfter()
  • Методы before(), after()
  • Методы addClass() hasClass() removeClass() toggleClass()

- 16 -

модуль

  • Формы в JQuery
  • Создание формы
  • События форм
  • Валидация

- 17 -

модуль

  • Анимация в JQuery
  • AJAX в JQuery
  • Отправка и прием данных
  • События AJAX
Показать всю программу

Кто проводит обучение созданию сайтов

dunaev.jpg
Николай Дунаев

Сделайте старт в IT

Получите профессию верстальщика

На курсе верстки сайта вы получите:

курс по верстке

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

Для студентов курса FRONTEND в Академии IMT создана закрытая группа в Facebook, в которой можно проконсультироваться у преподавателя, поделиться своей ситуацией с сокурсниками и получить их комментарии.

html css обучение

Диплом Frontend-разработчика

После успешной сдачи экзамена или защиты проекта Вы получаете диплом Академии IMT об успешном прохождении курса Frontend

обучение html

ИНКУБАТОР ДЛЯ ВЫПУСКНИКОВ

Что отличает профи от новичка? Опыт и портфолио! Да, на курсе Вы получаете знания, курс насыщен практикой, но только реальные проекты делают из человека со знаниями Профессионального Верстальщика. В Инкубаторе выпускники получают первые работы в портфолио и рекомендации, первый гонорар, «боевой» опыт и навыки работы на IT-рынке.

Вчерашние выпускники бесплатно получают помощь преподавателя, тренируются и зарабатывают. Вместе находим проекты, вместе работаем над ними, вместе отвечаем за результат. Собираемся 1 раз в неделю в Академии. Инкубатор – кузница профессионалов HTML.

курс по html

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

Записи всех уроков доступны к просмотру на время обучения.

обучение создание сайтов

Готовый проект во время обучения

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

Выпускники академии работают в:

Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в Выпускники академии IMT работают в

Что студенты пишут о курсе?

Cherkashin_foto.jpg

Кирилл Черкашин

...Открыл для себя HTML...

IMG_6936.JPG
Kotov_foto.jpg

Игорь Котов

...Получил понятие, что такое сайт, каким образом его верстать...

IMG_6935.JPG
Omelchenko-foto.jpg

Омельченко Андрей

...Задан старт в IT, основы основ...

Omelchenko-otviz.jpg
Inga_foto.jpg

Рылова инга

...Базовые знания верстки сайтов и макетов...

inga_otziv.jpg
Kostya_foto.jpg

Яцук Константин

...Создал свой личный веб сайт на котором зарабатываю деньги...

Kostya_otziv.jpg
Anna-zayka

Анна Зайка

...научилась верстать сайты разными способами...

otziv