
Frontend-разработка HTML 5 и CSS 3
Курсы "Frontend-разработка HTML 5 и CSS 3" в Днепре
Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет. В связи с этим все большей популярностью пользуется специалисты, которые могут создавать вебсайты. Это Front-end, Backend разработчики . Если вы хотите попробовать себя в этом направлении , то начинать нужно с курса «HTML 5/ CSS 3». Курс ориентирован на углубленное профессиональное изучение HTML, CSS.
По окончании обучения у слушателей будет достаточно знаний, чтобы верстать на уровне кода простые сайты типа визиток (Landing page), наполнять существующие интернет-проекты, а также продолжить развитие в сфере веб-технологий и начать обучение по курсу Современная разработка на JavaScript .
В течении обучения вы научитесь:
- верстать сайты «с нуля» на основе макета используя разметку HTML
- оформлять страницы используя CSS
- подключать элементарный код JavaScript
- работать с фреймворками
- адаптировать сайт под мобильные устройства
Практические занятия:
Для закрепления пройденного материала на каждом уроке слушатели выполняют практические задания, задаются домашние задания, методический материал выдается в электронном виде.
Курс предназначен:
- для тех, кто планирует работать в сфере веб-технологий (HTML-верстальщиком, Web – дизайнером)
- для тех , кто планирует дальнейшее обучение по Front-end, Back-end (JavaScript, PHP)
- для специалистов по Интернет -рекламе и продвижению сайтов.
Требования к слушателям:
Для успешного усвоения материала курса, слушателям необходимы навыки работы в MS Windows, опыт работы в Интернет.
По окончании курса:
По окончании курса каждый слушатель проходит тестирование на сайте http://www.basic.com.ua/tests.php и получает авторский сертификат Учебного центра Бейсик.
Информация о тренере:
Профессиональный опыт:
C 2006– по сегодняшний день веб-программист.
За время своей профессиональной деятельности, принимал участие во многих успешных проектах.
Ключевые области знаний:
- HTML, СSS, PHP, JavaScript, Adobe Flash, Action Script, Codeigniter, MVC, MySQL, PostgreSQL.
Преподавательский опыт: 5 лет – тренер в УЦ Бейсик.
Читает курсы «HTML, CSS» , «JavaScript, JQuery на примерах», «PHP программирование на примерах», «PHPpro».
Имеет успешный опыт проведения курсов Web - программирования онлайн.
Объясняет простым и доступным языком на реальных примерах из жизни.
Выпускники этого курса чаще всего записываются на:
Первый онлайн-урок по курсу «HTML 5/CSS 3»
Программа курса
Длительность курса - 34 часа (17 занятий по 2 часа)
Тема №1. Введение в курс
- Этапы разработки сайта.
- Инструменты необходимые для вёрстки сайта: редакторы кода, инспекторы, полезные веб-ресурсы.
- Средства для просмотра веб-страниц. Виды браузеров. Горячие клавиши.
Тема №2. Введение в HTM
- Что такое HTML. Теги.
- Структура HTML документа. Теги Doctype , html, head, body.
- Порядок использования тегов.
- Теги strong, br, em,p.
- Создание заголовков h1-h6
- Вставка спецсимволов.
- Стандарты w3.org, html- валидатор.
Тема №3. Вставка графических элементов на страницу.
- Типы и размер изображений для web.
- Основные параметры тега img. (src, alt, width, height)
Тема №4 . Создание ссылок
- Создание текстовых ссылок.
- Создание графических ссылок.
- Создание якорей.
- Путь к файлу: относительный и абсолютный.Структура вложенностей — дерево. Слинковка html страниц.
Тема №5. Упорядочение данных с помощью списков. Создание нумерованного и маркированного списков.
Тема №6. Представление данных в табличном виде
- Для чего используют таблицы сегодня.
- Верстка элементарной таблицы. Основные параметры для создания таблицы, объединение ячеек таблицы colspan, rowspan. Размеры таблицы.
- Форматирование таблиц: цвет и границы.
Тема №7. Формы и их элементы
- Для чего нужны формы.
- Основные элементы форм и их типы.
Тема №8. Каскадные таблицы стилей
- Понятия каскадности и наследования.
- Подключение CSS файла.
- Использование “рыбы” для html и css.
- Использование style в документе. Сброс стилей.
- Селекторы CSS. Приоритет селекторов. Применение атрибутов class, id.
- Форматирование текста.
Тема №9. Фоновые изображения. Блоки.
- Цвет и изображение в качестве фона. Применение фона на разных элементах.
- Границы элементов.
- Блочные и строчные элементы. Свойство display. Центрирование блока по горизонтали.
- Использование внутренних и внешних отступов.
Тема №10. Стилизация списков и блоков
- Расположение блоков на странице с помощью float.
- Расположение блоков с помощью table.
- Варианты и применение списков.
- Псевдоэлементы.
- Использование CSS3. Проблемы с кроссбраузерностью.
Тема № 11. Технология flexbox
- Подключение flex
- Понятия flex-контейнера, flex-элементов, главной и поперечной оси
- Выравнивание flex-элементов
- Создание структуры документа с помощью flex
Тема № 12. Многоуровневое навигационное меню. Вертикальное и горизонтальное меню
Тема №13. Абсолютное и относительное позиционирование.
Тема №14. Шрифты. Подключение кастомных шрифтов, различия шрифтов в разных ОС.
Тема №15. Использование javascript на странице
- Использование jQuery плагинов. Общий принцип подключения интеграции скриптов.
- Кастомизация элементов форм с момощью javascript и CSS3. Отличия.
- Подключение javascript-галереи
Тема №16. Разработка мобильного меню
Тема №17. Подключение слайдера
Тема №18. Порядок вёрстки веб-страницы
- Что такое макет и для чего он необходим.
- Стандарты PixelPerfect. Варианты проверки на соответствие с макетом.
- Фиксированный и резиновый макет. Полурезина.
- Стандартное расположение блоков на странице. Вложенность блоков.
Тема №19. Порядок нарезки макета
- Работа со слоями в Photoshop.
- Визуальное разбитие страницы на основные и второстепенные элементы. Стандартное наименование блоков.
- Нарезка макета на примере.
Тема №20. Фреймы и внедрение внешних данных на страницу. Подключение google карты.
Тема №21. Адаптация страницы под различные экраны. Фреймворки
- Адаптирование страницы под различные устройства при помощи медиа-запросов.
- Для чего применяются CSS-фреймворки и их использование для адаптации страницы под различные устройства. Требования к макетам. Обзор CSS-фреймворков. Bootstrap. Особенности отображения элементов и поведения для Android/iOS .
Тема № 22. Портфолио
- Для чего необходимо портфолио.
- Как создать портфолио.
Тема № 23. Дополнительные темы.
- Создание и подключение фавиконки сайта.
- Что такое SEO и почему это важно. (обзорно).
- Как разместить сайт в сети интернет. Хостинг, домены.
Тестирование
Подробная программа курса - http://www.basic.com.ua/course.php?course=159
Почитать отзывы про обучение можно здесь http://www.basic.com.ua/article.php
Фрагменты онлайн - урока по курсу "HTML5/CSS3" - 1 урок
https://www.youtube.com/watch?time_continue=8&v=gUqsMbGclMo
Онлайн-обучение HTML5/CSS3
Курс HTML 5 и CSS 3 можно пройти также через систему on-line обучения.
Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти бесплатно!!!
Как начать on-line обучение ? (4шага)
Отзывы об он-лайн обучении.
Преимущества:
- первое занятие - бесплатно;
- стоимость обучения в группе в режиме online на 30% меньше;
- обучение проходит в режиме онлайн в реальном времени c преподавателем (это так же просто, как если бы Вы физически присутствовали в аудитории);
- Вы можете голосом в любой момент задать вопрос, и преподаватель сразу же голосом на него отвечает.
- мини-группы - до 5 чел.
- непривязанность к месту.
- возможность делать видеозапись урока
Подробнее на сайте http://www.basic.com.ua/online_study.php
Категории курсов
-
Компьютер
-
Онлайн
Все курсы в Днепре, а также вузы в Днепре, колледжи в Днепре, репетиторы в Днепре, тренинги в Днепре, работа в Днепре
Комментарии
Оставить комментарий
При заполнении формы была допущена ошибка
Неверно заполненные поля отмечены красным.
Пожалуйста, проверьте форму еще раз.
Большое спасибо!
Ваш комментарий отправлен и будет доступен на сайте после проверки администратором.