Хочешь свой плейлист?
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 - Никому не отдам
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. D.idJ - DoIt
12. Deadpool Rap - Sexy Motherfucker
13. Ellie Goulding - Lights
14. Ellie Goulding - Little Dreams
15. Eminem - Ass Like That
16. Estradarada - Вите Надо Выйти
17. Example - Changed The Way You Kiss Me
18. Gutter Brothers - Bitch (Original Mix)
19. IOWA - Нам же нравится одно и тоже (2014)
20. Innerpartysystem - American Trash
21. Jah Khalib feat. Кравц - Do It
22. Justin Timberlake - My Love (feat. T.I.)
23. Kadebostany - Teddy Bear (Astero Remix)
24. Lana Del Rey - Serial Killer
25. Lana Del Rey - Serial Killer (K Theory Remix)
26. M83 - Oblivion
27. METAHESH - Better Than Sex
28. Mapei - Don't Wait
29. Misha Daniels - Run Away (Deep Mix)
30. Moonbeam & Indifferent Guy Eva Pavlova - Follow Me
31. Mos Def And Massive Attack - I Against I
32. Nero - Satisfy (Original Mix)
33. No Limits, Jovan Wilder - Slow Down
34. Oh Wonder - Shark (Illenium Remix)
35. Queen - I Want To Break Free
36. Radio Record - РОДРИГЕС ТИМУР
37. Shakira - Waka Waka (Time for Africa)
38. Snakehips & MØ - Don't Leave
39. The Black Eyed Peas - Meet Me Halfway
40. The Prodigy - Girls
41. The Rolling Stones - God Gave Me Everything
42. The Weeknd ft. Daft Punk - Starboy
43. Vitalic - Poison Lips
44. Wiz Khalifa - Work Hard, Play Hard
45. Баста - Голос (feat. Полина Гагарина)
46. Батишта и Ромади - Формула любви
47. Би - 2 & Чичерина
48. Градусы - Радио дождь
49. Елка - Грею счастье внутри
50. Иван Дорн - Ты всегда в плюсе
51. Каста - Радиосигналы
52. Кравц - Море
53. Марсу Нужны Любовники - Ветер сдувает с крыш
54. Марсу Нужны Любовники - Дальневосток
55. Марсу Нужны Любовники - Её глаза
56. Марсу Нужны Любовники - Застелю Цветами
57. Марсу Нужны Любовники - Скользим
58. Михаил Озеров & Ирина Обрезкова - Лава
59. Моя Мишель - Настя
60. ПИЦЦА & L'One - Мир
61. Пика - Патимейкер
62. Пицца - Романс

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

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


ИНТЕНСИВНЫЙ ОНЛАЙН-КУРС «БАЗОВЫЙ HTML И CSS» (2016)

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




  1. Интенсив «Базовый HTML и CSS» это профессиональный курс, построенный на базе платформы HTML Academy. Вести его будут практикующие преподаватели с десятилетним опытом веб-разработки.

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

    Через месяц вы научитесь:
    — Создавать современные веб-интерфейсы;
    — Эффективно решать типовые задачи верстальщика;
    — Начать карьеру с готовым портфолио.

    Интенсив разделён на пять частей: «разметка», «графика», «сетки», «оформление» и «оптимизация». Вас ожидает 700 интерактивных заданий, 18 часов живых вебинаров, 5 качественных макетов дизайна и общение с личным наставником, который будет делиться секретами мастерства.


    Что будет в этом курсе:

    1. Вводная

    Вводная лекция про роль и место верстальщика в мире веб-технологий.

    1. Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?
    —IP-адрес, сервер и веб-сервер, «виртуалхосты».
    —Доменные имена, URL-aдреса и система DNS.
    —Загрузка и «сборка» веб-страницы, TCP/IP, HTTP.
    —Приёмы оптимизации веб-страниц.

    2. Инструменты веб-разработчика и рабочий процесс на интенсиве.
    —Системы контроля версий. Git и GitHub.
    —Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
    —Немного о браузерах, браузерных движках и различиях между ними.

    2. Разметка

    Создадим HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.

    1. Введение в HTML и CSS.
    —Синтаксис HTML.
    —Структура простейшего HTML-документа.
    —Синтаксис CSS. Базовые CSS-селекторы.
    —Наследование, каскадность и приоритеты в CSS.

    2. Качественная разметка и стили кодирования.
    —Простая, понятная, читабельная и логичная разметка: примеры и антипримеры.
    —Типовые ошибки разметки: «ссылка или кнопка», «картинка или фон» и другие.
    —Модульность разметки или использование «пространств имён».
    —Когда использовать,
    и
    ?
    —Зачем нужен стиль кодирования? Обзор популярных стайлгайдов.

    3. Создаём разметку главной страницы учебного проекта.

    3. Фотошоп для верстальщика

    Разберём всё необходимое для работы верстальщика в фотошопе. Подготовим графику для проектов.

    1. Типовые задачи верстальщика в фотошопе.
    —Настройка интерфейса фотошопа.
    —Работа со слоями, типы слоёв.
    —Получение параметров текста.
    —Измерение размеров блоков, отступов, получение информации о цвете.
    —Получение параметров сложных декоративных эффектов: тени и прочее.
    —Экспорт графики, работа с повторяющимися паттернами.

    2. Обзор форматов графики в вебе.
    —PNG, JPEG, SVG, GIF.
    —Как выбрать подходящий формат?

    3. Разбор графических макетов проектов.

    4. Сетки

    Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.

    1. Поток документа и блочная модель документа.
    —Понятие сетки и потока документа.
    —Блочные и строчные элементы и их особенности.
    —Свойства блочной модели: размеры, рамки и отступы.
    —Тонкости блочной модели: «схлопывание» и «выпадание» внешних отступов, width: 100% и width: auto, свойство box-sizing и другие.

    2. Как управлять потоком и строить сетки?
    —Свойство display. Управление типом элементов.
    —Свойство float и его особенности.
    —Построение сеток на «плавающих» элементах.
    —Блочно-строчные элементы и их особенности, борьба с пробелами между блочно-строчными элементами.
    —Построение сеток на блочно-строчных элементах.

    3. Создаём сетку главной страницы учебного проекта, экспериментируем с «карточными» элементами интерфейса на блочно-строчных элементах.

    5. Декоративные элементы

    Познакомимся с приёмами создания декоративных элементов. Завершим вёрстку главных страниц учебного и личного проектов.

    1. Позиционирование.
    —Относительное позиционирование.
    —Абсолютное позиционирование: координаты, изменение точки начала координат, относительные координаты и размеры, координаты по умолчанию.
    —Фиксированное позиционирование.
    —Управление порядком слоёв.

    2. Другие важные приёмы.
    —Псевдоэлементы.
    —Спрайты.
    —normalize.css.
    —Подключение нестандартных шрифтов.

    3. Завершаем вёрстку главной страницы учебного проекта.

    6. Оформление контента

    Завершим вёрстку внутренних страниц и подготовим проекты к публикации. Начнём готовиться к защите личного проекта.

    1. Практикуемся в вёрстке элементов содержимого.
    —Сверстаем текстовую страницу учебного проекта. Подготовим универсальные стили содержания, которые будут хорошо работать и при наполнении страницы из CMS.
    —Сверстаем всплывающие окна с формой входа и интерактивной картой. Разберём приёмы стилизации нестандартных элементов форм.
    —Подготовим свёрстанный учебный макет к публикации или передаче заказчику.

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

    3. Готовим проект к защите. Подробный разбор критериев защиты выпускных проектов.

    7. Введение в javascript

    Познакомимся с javascript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.

    1. Язык программирования javascript.
    —Роль программирования в жизни верстальщика.
    —Что такое DOM и зачем нам объект document.
    —Зачем нужен объект window.

    2. Типовые случаи использования javascript.
    —Как найти любой элемент на странице.
    —Как реагировать на события, происходящие на странице.
    —Как менять CSS-стили у элементов.
    —Как использовать анимацию на странице.

    3. Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.

    8. Прогрессивное улучшение

    Узнаем, как использовать новые возможности HTML и CSS, не ломая работоспособность вёрстки.

    1. Знакомство с прогрессивным улучшением и постепенной деградацией.
    —«Житейские» примеры двух подходов.
    —Этапы прогрессивного улучшения.
    —Влияет ли прогрессивное улучшение на скорость и эффективность разработки?
    —Как добавлять улучшения независимыми и цельными слоями.
    —Прогрессивное улучшение и прокси-браузеры — друзья навсегда.

    2. Вносим изменения в вёрстку учебного проекта с учётом прогрессивного улучшения.

    3. Немного о минификации стилей и скриптов.

    9. Финал


    Пр:


     

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

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

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

    Вступай!