Инструкция новичку Путеводитель по форуму Прокси для Telegram Показать подсказки , это бомба!

Скачать курс [Юрий Ключевский] Курс по обучению HTML5 CSS3 верстке сайтов с нуля до профи за 4 недели бесплатно

Dump_Bot

Бот дампов
Бот форума
30 Июл 2016
1
1.098
Название:Курс по обучению HTML5 CSS3 верстке сайтов с нуля до профи за 4 недели
Автор:Юрий Ключевский

Обучение ВЕРСТКЕ САЙТОВ HTML5 + CSS3 основы создания сайтов за 4 недели

Никаких скучных теорий
только необходимые
практические навыки
и стажировка


Программа курса
7 уроков за 21 день


Как работает интернет. Что такое сайт. Что представляет собой веб-страница. Виды сайтов. Процесс разработки сайта. Что такое гипертекст. Теги и атрибуты. Подготовка рабочего места. Простой пример HTML странички. Пример сложной веб-страницы. Горячие клавиши для перемещения по документам.

Практика

  • Настройка рабочей среды.

Структура HTML документа. Основные теги оформления текста. Спецсимволы. Комментарии в HTML. Гиперссылки. Типы изображений для web. Загрузка изображений на страницу. Списки. Формы и их элементы. Создание таблиц. Объединение ячеек. Вложенные таблицы. Стилевое оформление таблиц.

Практика

  • Создаем первую HTML страницу.
  • Наполняем ее информацией.

Что такое CSS. Синтаксис CSS. Способы объявления CSS. Селекторы (id, class, tag). Селекторы атрибутов. Основные свойства стилей. Вложенность. наследование и группирование свойств. Приоритеты применения стилей. Псевдоклассы и псевдоэлементы

Практика

  • Подключаем стили к странице.
  • Оформляем страницу с помощью CSS.

Основные теги для верстки (div и span). Отступы элементов (margin и padding). Обтекаемые элементы. Позиционирование блоков. Создание структуры страницы с помощью блоков. Создание меню на основе блочной модели.

Практика

  • Верстаем макет с помощью блоков.
  • Учимся делать структуру страницы.

Создание основной разметки сайта. Применение overflow и clear в реальной вёрстке. Заполнение разметки частями макета. Приёмы позиционирования элементов. Использование модульной сетки в структуре макета. Резиновая и адаптивная верстка для мобильных устройств.

Практика

  • Осваиваем блоки, позиционирование, обтекание.
  • Используем сетку для верстки страницы.

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

Практика

  • Работаем в Photoshop.
  • Экспортируем графику для верстки.

Проблема «кроссбраузерности». Стандарты HTML/CSS. Валидация страниц. Будущее за стандартами HTML5 и CSS3. Грамотная, универсальная верстка. Файловая система проекта. Знакомство с фреймворком Bootstrap.

Практика

  • Тестируем верстку.
  • Верстаем страницу с Bootstrap фреймворком.
Бонусные материалы
4 дополнительных урока


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

Практика
  • Оформляем структуру проекта.
  • Делаем портфолио и составляем резюме.

Углубляемся в CSS. Селекторы атрибутов, псевдоселекторы. Возможности и спецэффекты CSS3: Переходы и анимация. Трансформация объектов. Тени. Градиенты.

Практика
  • Добавляем анимацию к странице.
  • Делаем трансфорацию элементов.

Знакомимся с HTML5 тегами для семантической разметки страницы. Внедряем инструменты для ускорения верстки. Оптимизируем рабочий процесс так чтобы максимально ускорить процесс верстки. Препроцессор LESS. Плагины. Ускорение вашей работы до 50%.

Практика
  • Внедряем инструменты для ускорения работы.
  • Оптимизируем семантику страницы.

Создание спрайтов изображений, подключение веб- шрифтов. Шрифтовые иконки. Использование модальных окон.

Практика
  • Подключаем шрифты. Создаем спрайты.
  • Подключаем модальные окна.

Знакомимся с динамическими элементами: Слайдер, Вкладки, Лайтбокс, Галерея изображений.

Практика
  • Создаем галерею изображений. Делаем сортировку.
  • Подключаем и оформляем слайдер.

Этапы разработки проектов. Ведение, сдача, и поддержка проектов. Подготовка к собеседованию. Стратегия работы на фрилансе.

Практика
  • Учимся оформлять портфолио.
  • Готовимся к собеседованию.
Ваше резюме после обучения
Так может выглядеть ваше резюме после обучения и стажировки.

Должность: HTML верстальщик

Ключевые навыки:
  • Свободное владение HTML и CSS, а также знания JavaScript
  • HTML5 и CSS3
  • Кроссбраузерная верстка
  • Оптимизация под мобильные устройства
  • Опыт адаптивной вёрстки
  • Умение разбираться в чужом коде
  • Понимание основ юзабилити
Результат в конце обучения
короткая выжимка о курсе
Прохождение курса
  • Месяц обучения и практической работы по курсу и бонусным материалам
  • Верстка современных адаптивных сайтов во время обучения
  • Выполнение домашних заданий с контролем, проверкой и индивидуальной обратной связью от преподавателя
  • Видеозаписи всех занятий
  • Презентации и методические пособия
  • Обучающие видео
  • Группа для общения с преподавателем и коллегами
ПРИОБРЕТЕННЫЕ НАВЫКИ
  • Практический опыт верстки современных веб-сайтов
  • Навыки работы над реальными проектами
  • Семантическая верстка
  • Верстка сайтов для мобильных устройств (адаптивная и отзывчивая верстка)
  • Использование современных HTML/CSS фреймворков, JS плагинов и библиотек
ТЕХНОЛОГИИ
  • HTML5 разметка
  • CSS3 таблицы стилей
  • Блочная модель верстки
  • Работа с сетками
  • LESS препроцессор для CSS
  • Адаптивная верстка макета
  • Bootstrap фреймворк (ex. Twitter Bootstrap)
  • Agile методология разработки
  • Работа с Sublime Text и Brackets
  • Работа с Photoshop с PSD макетом
  • Подключение и настройка jquery плагинов: карусель, лайтбокс, сортировка, модальные окна
Продажник:
Для просмотра содержимого вам необходимо авторизоваться.
Скачать:
Для просмотра содержимого вам необходимо авторизоваться.
**Скрытый текст: Скрытый текст могут просматривать только пользователи следующих групп: admin, Модератор.**
 
Ваш e-mail не будет опубликован. Он потребуется для подтверждения Вашего поста.
Оформление текста Нажмите «Ввод», чтобы отправить ответ.

Привет!

Мы группа людей которые решили помочь другим в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно тысячи человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.

Статистика форума

Темы
337.525
Сообщения
359.931
Пользователи
25.475
Новый пользователь
Солдатка

Приложения форума для iOS и Android


У ркн там нет власти ;)
Гостевуха
Помощь Пользователи
  • Captain @ Captain:
    @mizaider, ты там живой?
    Цитата
  • K Chat Bot:
    Гость kkifkaa присоединился к комнате.
  • K (Гость) kkifkaa:
    Всем привет!
    Цитата
  • K (Гость) kkifkaa:
    mizaider тут есть?
    Цитата
  • K Chat Bot:
    Гость kkifkaa присоединился к комнате.
  • K (Гость) kkifkaa:
    Здравствуйте уважаемые члены форума. Подскажите пож-та, что можно сделать если я был заблокирован якобы за: «Вы были заблокированы по следующей причине: Копирование материалов на другие ресурсы». Самое страшное, то что тебя обвиняют и не дают возможность пообщаться и разобраться в причинах. Кстати в такой ситуации может быть каждый из нас. Вот так стараешься размещаешь тут материал, а тебя без разбирательств в бан. И нет возможности обратится в тех поддержку т.к. твой аккаут заблокирован. Подскажите пож-та, как можно связаться с администрацией, чтобы была проведена проверка? Сейчас я новичок и как раз в этот день для нас заливал на форум новые курсы (один залил, второй не успел). Я сначала подумал, что какой-то запрещений материал разместил, а потом понял, что меня обвинили в том, что я не делал.
    Цитата
  • K (Гость) kkifkaa:
    mizaider ты здесь помоги пожалуйста!
    Цитата
  • mizaider @ mizaider:
    Вопрос решен.
    Цитата
  • goodness @ goodness:
    Добрый вечер уважаемые форумчане!)
    Цитата
  • goodness @ goodness:
    Вопрос к администрации: Имеется одна точка доступа wifi на квартиру, вашим форумом пользуюсь пока что только я, но хотел бы зарегистрировать и свою девушку,
    Цитата
  • goodness @ goodness:
    система нас не забанит из-за того что мы с одной точки доступа но с разных устройств?
    Цитата
  • mizaider @ mizaider:
    Не забанит
    Цитата
  • Captain @ Captain:
    Батя в здание
    Цитата
  • 13SASHA13 @ 13SASHA13:
    Цитата
  • Uggi Chat Bot:
    Uggi покинул(а) комнату.
  • M Chat Bot:
    mr_robot_i2p покинул(а) комнату.
  • Captain @ Captain:
    Батя в здание
    Цитата
  • J Chat Bot:
    joker567 покинул(а) комнату.
    J Chat Bot: joker567 покинул(а) комнату.