Хочешь свой плейлист?
1. AC DC - Back in Black
2. AC DC - HIGWAY TO HELL
3. AC⁄DC - Touch To Much
4. Alle Farben - Bad Ideas
5. Arilena Ara - Nëntori (Bess Remix)
6. Artik pres. Asti - Никому не отдам (DJ Vakiloff Deep Remix 2015)
7. Ben Delay - I Never Felt so Right (Club Mix)
8. Bob Marley - Three Little Birds
9. Brandon Flowers - Can't Deny My Love
10. Burak Yeter feat. Danelle Sandoval - Tuesday
11. Cosmic Gate feat. Aruna - Under Your Spell
12. D.idJ - DoIt
13. Deadpool Rap - Sexy Motherfucker
14. Ellie Goulding - Lights
15. Ellie Goulding - Little Dreams
16. Eminem - Ass Like That
17. Estradarada - Вите Надо Выйти
18. Example - Changed The Way You Kiss Me
19. Gutter Brothers - Bitch (Original Mix)
20. IOWA - Нам же нравится одно и тоже (2014)
21. Innerpartysystem - American Trash
22. Jah Khalib feat. Кравц - Do It
23. Justin Timberlake - My Love (feat. T.I.)
24. Kadebostany - Teddy Bear (Astero Remix)
25. Kaleo - Way Down We Go
26. Lana Del Rey - Serial Killer
27. Lana Del Rey - Serial Killer (K Theory Remix)
28. M83 - Oblivion (feat. Susanne Sundfør) (OST Обливион)
29. METAHESH - Better Than Sex
30. Mapei - Don't Wait
31. Misha Daniels - Run Away (Deep Mix)
32. Moonbeam & Indifferent Guy featuring Eva Pavlova - Follow Me
33. Mos Def And Massive Attack - I Against I
34. Nero - Satisfy (Original Mix)
35. No Limits, Jovan Wilder - Slow Down
36. Oh Wonder - Shark (Illenium Remix)
37. Queen - I Want To Break Free
38. Radio Record - РОДРИГЕС ТИМУР
39. Shakira - Waka Waka (Time for Africa)
40. Snakehips & MØ - Don't Leave
41. The Black Eyed Peas - Meet Me Halfway
42. The Prodigy - Girls
43. The Rolling Stones - God Gave Me Everything
44. The Weeknd ft. Daft Punk - Starboy
45. Vitalic - Poison Lips
46. Wiz Khalifa - Work Hard, Play Hard
47. Баста - Голос (feat. Полина Гагарина)
48. Батишта и Ромади - Формула любви
49. Би - 2 & Чичерина
50. Градусы - Радио дождь
51. Елка - Грею счастье внутри
52. Иван Дорн - Ты всегда в плюсе
53. Каста - Радиосигналы
54. Кравц - Море
55. Марсу Нужны Любовники - Ветер сдувает с крыш
56. Марсу Нужны Любовники - Дальневосток
57. Марсу Нужны Любовники - Её глаза
58. Марсу Нужны Любовники - Застелю Цветами (Studio Deep Bootleg)
59. Марсу Нужны Любовники - Скользим
60. Михаил Озеров & Ирина Обрезкова - Лава
61. Моя Мишель - Настя
62. ПИЦЦА & L'One - Мир
63. Пика - Патимейкер
64. Пицца - Романс
65. -

Добро пожаловать на DevsAid.Com!

Внимание! Объявляем конкурс на лучший новостной пост!
Получай уведомления в Telegram или по СМС!
Заработай на публикации тем на форуме!
Участвуешь в складчинах? Круто! Мы заплатим тебе за участие!


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

Тема в разделе "Сайтостроение и веб-дизайн", создана пользователем Dump_Bot, 10 сен 2016.

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

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

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


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

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

    Практика

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

    Практика

    • Создаем первую HTML страницу.
    • Наполняем ее информацией.
    [​IMG]
    Что такое CSS. Синтаксис CSS. Способы объявления CSS. Селекторы (id, class, tag). Селекторы атрибутов. Основные свойства стилей. Вложенность. наследование и группирование свойств. Приоритеты применения стилей. Псевдоклассы и псевдоэлементы

    Практика

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

    Практика

    • Верстаем макет с помощью блоков.
    • Учимся делать структуру страницы.
    [​IMG]
    Создание основной разметки сайта. Применение overflow и clear в реальной вёрстке. Заполнение разметки частями макета. Приёмы позиционирования элементов. Использование модульной сетки в структуре макета. Резиновая и адаптивная верстка для мобильных устройств.

    Практика

    • Осваиваем блоки, позиционирование, обтекание.
    • Используем сетку для верстки страницы.
    [​IMG]
    Основные функции программы Photoshop. Выделение основных частей макета. Нарезка макета. Верстка макета сайта при помощи модульной сетки.

    Практика

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

    Практика

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

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

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

    Практика
    • Добавляем анимацию к странице.
    • Делаем трансфорацию элементов.
    [​IMG]
    Знакомимся с HTML5 тегами для семантической разметки страницы. Внедряем инструменты для ускорения верстки. Оптимизируем рабочий процесс так чтобы максимально ускорить процесс верстки. Препроцессор LESS. Плагины. Ускорение вашей работы до 50%.

    Практика
    • Внедряем инструменты для ускорения работы.
    • Оптимизируем семантику страницы.
    [​IMG]
    Создание спрайтов изображений, подключение веб- шрифтов. Шрифтовые иконки. Использование модальных окон.

    Практика
    • Подключаем шрифты. Создаем спрайты.
    • Подключаем модальные окна.
    [​IMG]
    Знакомимся с динамическими элементами: Слайдер, Вкладки, Лайтбокс, Галерея изображений.

    Практика
    • Создаем галерею изображений. Делаем сортировку.
    • Подключаем и оформляем слайдер.
    [​IMG]
    Этапы разработки проектов. Ведение, сдача, и поддержка проектов. Подготовка к собеседованию. Стратегия работы на фрилансе.

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

    Должность: 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, Модератор.**
     

    Загрузка...
  • Кто мы?

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

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

    Вступай!