1. Новые покупки

    23.05.2018: Ферма доходных сайтов - Деригина

    23.05.2018: Merch by Amazon - Прибыльный бизнес на футболках с мин. вложениями

    22.05.2018: Пресеты LR Сергей Кабанков и Анюта Рай

    22.05.2018: Специалист по трафику, трафик-менеджер - Convert Monster (2018)

    22.05.2018: Woocommerce пошагово (31+ МК как создать магазин)

    22.05.2018: Простой учебник программирования + Простая Математика для Простых Программистов

    22.05.2018: Создание прибыльного интернет-магазина

    22.05.2018: Как зарабатывать на телеграм-каналах от 30 до 100 тысяч рублей

    22.05.2018: Основы дизайна интерьеров - Highlights (2017)

    22.05.2018: Набор иконок в разных форматах - Font Awesome 5 PRO (Line, Solid, Regular)

    22.05.2018: Заработок на копировании сайтов

    22.05.2018: Marketing gamers — продавай на автомате 3.0

    22.05.2018: Мастер группа 8: Бизнес на Amazon - Перезагрузка 2018

    22.05.2018: Фитнес модель за 4 месяца - 4.0 (2017, ФМ4М)

    22.05.2018: Контрактные автозапчасти - Гордеев

    21.05.2018: [Пузат курит в сторонке] Заработок на информационных сайтах

    21.05.2018: Основы арбитража трафика (2018)

    21.05.2018: Основы финансовой грамотности: Краткий курс

    21.05.2018: Ксенобиология. Психологическая игра

    21.05.2018: Очищение и омоложение организма на клеточном уровне

    21.05.2018: АНИМАЦИОННЫЙ ВИДЕО-ПРОРЫВ 2.0 - Сергей Панферов

    21.05.2018: Опционы На Старт! - Пурнов (2017)

    20.05.2018: О партнерках и продвижении от крутых авторов

    20.05.2018: Супердоходные сайты от А до Я - Деригина (2017)

    20.05.2018: SEO Гуру 2018 – новое руководство по мобильному и региональному продвижению

    20.05.2018: 4х недельный обучающий SMM-курс ROCK STAR SMM

    20.05.2018: Хватайся и действуй: Как победить злую тётку под названием «Лень» и устроить самодисциплину

    19.05.2018: Прибыльная стратегия продаж на Amazon – Online Arbitrage (2017)

    19.05.2018: Заработок на ClickBank: от $50 в день на бесплатной рекламе - Максеев (2018)

    18.05.2018: Руководство по быстрому запуску и продвижению магазина на etsy (2018)

    17.05.2018: Бизнес молодость "Метаморфозы" Базовый курс

    17.05.2018: Новый курс. Получайте доход 3000,10 000,30 000 руб. с сайта уже через месяц - Пузат

    17.05.2018: Мастер-группа 7: Бизнес на Amazon - Перезагрузка (новый поток) 2017

    17.05.2018: Курс по заработку на малостраничных сайтах (2018)

    17.05.2018: Большой Интенсив Александра Писаревского

    17.05.2018: Заработок на малостраничных сайтах - InternetMajor (2018)

    16.05.2018: Интенсив "Флиппинг на Amazon" - Данильченко (2018)

    16.05.2018: 20 Золотых процессов на все случаи жизни - Саянов (2017)

    16.05.2018: Чёрная автоматика - Корнилов ака kote.ws (2018)

    15.05.2018: Денежный магнит - Бахтиозина (2018)

    15.05.2018: Курс Моделирование женского платья (fashionelement)

    14.05.2018: [WP] If-so - Плагин динамической подмены контента

    14.05.2018: Техника спиртовых чернил - Саша Рощин (2018)

    13.05.2018: Исцеление с помощью осознаности - Самойлова (2018)

    13.05.2018: Ссылки: Внешнее продвижение сайта (2018)

    13.05.2018: [AVITO] Как я сделал на нём 4 миллиона рублей (2018)

    12.05.2018: ИНСТАКУРС 6: С НУЛЯ ДО ПРОФИ - Делай деньги (2018)

    12.05.2018: [БМ-Бизнес Молодость] - Реальный YouTube 2018

    12.05.2018: Монетизация Вконтакте 2.0 - Сычёв (2018)

    11.05.2018: Английский. Живая Разбериха - Счастливая (2017)

    11.05.2018: Личные финансы от А до Я - Белановский

    11.05.2018: [PHP] Support Centre - центр поддержки ваших клиентов

    11.05.2018: Стратегия жизни - Ходченков

    11.05.2018: Выгодные путешествия: как путешествовать в 2-3 раза дешевле - Аристархов Аристон

    11.05.2018: Совместный доступ к Joomla складчине

    11.05.2018: Введение в BlockChain и смарт-контракты. За что программистам платят 150.000 рублей в месяц+ БОНУС

    11.05.2018: Автоматический Комплекс по Работе с Трафиком - Андрей Золотарев (2017)

    09.05.2018: Как выгодно заказать iphone на Ebay - Авторская (2018)

    09.05.2018: Деньги (крупные суммы) из товарных дорвеев - Авторская (2018)

    09.05.2018: Как покупать акции. Практическое руководство - Хачатрян (2018)

    09.05.2018: Интернет-профессия “Мастер анимационного видео”

    09.05.2018: Рождественская раздача - 45 вебинаров! - Бауман

    08.05.2018: Все секреты успешного продвижения малостраничных инфо сайтов

    07.05.2018: Секреты современного программирования - [email protected] (2018)

    07.05.2018: Школа блоггеров - Борисов (2018)

    06.05.2018: Обучение торговли криптовалютам - Яковенко

    05.05.2018: Продвинутое автоматическое армирование в Revit API - Маркевич (2017)

    05.05.2018: Обучение в мастер-группе по ударной раскрутке сайтов - Новосёлов (2018)

    04.05.2018: ИП для Интернет Предпринимателя - Авторская (2017)

    04.05.2018: Магия сексуальности (интенсив, пакет Жрица) - Мирная (2017)

    04.05.2018: Видео Омоложение - Эрик Томпсон (обновлённая версия 2018)

    04.05.2018: [НЛП] Архетипы - Чекчурин, Парханович (2018)

    04.05.2018: Инженер тендерного отдела - Черняк на Udemy (2018)

    01.05.2018: Схема пассивного заработка от 800р в сутки с одного потока (2017)

    01.05.2018: Пассивная схема доход от 75 000 в месяц

    01.05.2018: [Udemy.com] Изучаем Социальную Инженерию

    29.04.2018: Возвращение в здоровье и молодость - Бахтиозина (2016)

    29.04.2018: Пошив базового гардероба с нуля

    28.04.2018: Сценарии жизни людей - Клод Штайнер (2018)

    28.04.2018: Юмор Начало 2.0 Развитие чувства юмора - Павел Воля (2018)

    27.04.2018: Алгоритм счастливой семьи - Бахтиозина (2017)

    27.04.2018: Магия Влюбления - Бахтиозина Татьяна (2016)

    27.04.2018: Секреты мужской психологии - Бахтиозина Татьяна (2016)

    27.04.2018: Магия Благополучия - Бахтиозина (2017)

    27.04.2018: Еnvаtо Еlеmеnts - слив подписки 2017 [1,3 Терабайта годноты]

    24.04.2018: Копирование крупных сайтов - Авторская (2018)

    24.04.2018: Страх подхода — решение для интровертов - Джеймс Маршалл (2018)

    22.04.2018: Нейро-мио-фасциальные манипуляции в комплексной мануальной терапии - Сапир (2017)

    22.04.2018: [SilverStone] Имитация камня

    21.04.2018: [Udemy.com] Взламываем сайты / Тестирование на проникновение с нуля - Все 7 частей!

    17.04.2018: Курс Максима Солдаткина по веб-дизайну и UX/UI с трудоустройством Дизайнер 2.0

    16.04.2018: Взламываем сайты / тестирование на проникновение с нуля - часть 2 из 7

    15.04.2018: EdmarketConf - конференция по онлайн-образованию (2018)

    13.04.2018: [Претекст] 70 книг: продажи, управление, влияние, бизнес, психология, маркетинг, коучинг

    06.04.2018: Технология производства изделий из каменной крошки

    06.04.2018: Дорвеи для нищебродов - Заработок без вложений (2017)

    01.04.2018: Основы блокчейн - Pluralsight (Полный перевод 2018)

    30.03.2018: Mirantique 2 - Достижение цели проще - KimEvolution (2018)

    29.03.2018: Как создавать статейники (mfc) на копипасте - Громов (2018)

    29.03.2018: Искусство таро. Полный курс - Попов

  2. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление
  3. Скрыть объявление

Скачать Как научиться верстать адаптивную страницу из psd-макета за 7 дней

Тема в разделе "Графика, дизайн", создана пользователем Gustav, 23 фев 2016.

Метки:
  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    11.014
    Симпатии:
    23.953
    Как научиться верстать адаптивную страницу из psd-макета за 7 дней

    HA3QH8E.jpg

    Описание курса:

    Ты уже сверстал пару страниц, но чувствуешь что твоих знаний недостаточно? Ты ищешь проверенные практикой приемы, но поиск в интернете дает лишь обрывки информации? Тогда этот воркшоп для тебя! «Ускоряй работу без потери качества!» — именно под таким девизом будет проходить воркшоп. За 7 уроков ты получишь представление о том, как верстается современная адаптивная HTML-страница из графического макета в формате PSD. Мы разберем, как это делать быстро и эффективно.



    День 1

    Настройка среды разработки: графический редактор, редактор кода и другие дополнительные инструменты, необходимые для удобной и эффективной работы.

    Краткое содержание:
    • На какой операционной системе работать?
    • Разнообразие веб-браузеров.
    • Краткий обзор сервиса BrowserStack.com для кросс-браузерного тестирования и немного про виртуальные машины.
    • Коротко о графических редакторах.
    • Коротко о редакторах кода.
    • Браузер Google Chrome и установка плагинов. Обзор плагинов PerfectPixel и HTML5 Outline.
    • Другие браузеры и их отличия.
    • Обзор LiveReload 2 и демонстрация силы командной строки и автоматизации работы.
    • Разбираемся с «Инструментами разработчика» в Google Chrome (правка DOM-дерева и CSS-стилей, доступ к ресурсам страницы, эмуляция различных устройств для тестирования адаптивности и др.)
    • Какую версию Photoshop поставить для воркшопа?
    • Редактор кода Sublime Text 3, как устанавливать плагины и как максимально ускорить свою работу в ST.
    • Список плагинов, которые нам понадобятся для работы в воркшопе.
    • Методология познания. Как учиться веб-разработке?
    День 2



    Анализ макета. На этом этапе мы коснемся того, как оценивать объем работ глядя на имеющийся макет, а также как в уме или на бумаге готовиться к верстке.

    Краткое содержание:
    • Введение в проблематику вопроса.
    • Общие аспекты анализа макета.
    • Технические аспекты анализа макета.
    • Пример плохого PSD-макета.
    • Пример хорошего PSD-макета.
    • Чем еще отличается хороший макет от плохого?
    • Анализ PSD-макета Jetro, который верстается в процессе воркшопа.
    • Немного об особенностях работы на фрилансе.
    День 3

    Работа с макетом в среде Adobe Photoshop и извлечение графики для будущей веб-страницы.

    Краткое содержание:
    • Типы графических форматов. Растровые изображения.
    • Типы графических форматов. Векторные изображения.
    • Немного о формате SVG.
    • Способы перевода растрового изображения в векторное (трассировка).
    • Извлечение графики из макета Jetro. Старый способ.
    • Извлечение графики из макета Jetro. Новый способ.
    День 4

    Подготовительные действия и начало верстки HTML-каркаса. Мы будем использовать популярный фреймворк Bootstrap. Многие хотели бы узнать как его применить на практике, чем мы и займемся с тобой на реальном примере.

    Краткое содержание:
    • Введение и немного истории: от табличной верстки к блочной.
    • Семантика HTML и алгоритм HTML Outline.
    • Старый алгоритм: HTML 4 Outline.
    • Новый алгоритм: HTML5 Outline.
    • Подключение Bootstrap и верстка HTML-каркаса макета Jetro.
    День 5

    Настройка фреймворка Bootstrap и стилизация страницы через CSS. В нашей работе мы применим препроцессор Less. Если до этого ты с ним не сталкивался, то будешь поражён насколько это ускоряет работу!

    Краткое содержание:
    • Обзор возможностей официального сайта Bootstrap.
    • Разбираем сборщик Bootstrap’a.
    • Настройка, компиляция и замена стандартного стилевого файла Bootstrap на файл с настроенными переменными под макет Jetro. Брейкпоинты (breakpoints), медиа-запросы (media queries) и ширина макета.
    • Начинаем стилизацию. Настройка Less и LiveReload.
    • Переменные в Less. Задаем цветовые переменные для макета.
    • Кросс-браузерное подключение шрифтов и их конвертация через сервис FontSquirrel.com.
    • Пишем общие стили.
    • Стилизация навигационной панели с логотипом.
    • Стилизация слайдера.
    День 6

    Продолжаем стилизацию нашей страницы и подгоняем все детали.

    Краткое содержание:
    • Что такое Flexbox’ы и как с ними работать.
    • Продолжаем стилизацию макета Jetro:
      • Секция INTRO ARTICLES.
      • Секция RECENT WORKS.
      • Секция FOOTER.
      • Дорабатываем слайдер.
    День 7

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

    Краткое содержание:
    • Адаптивность и отзывчивость. Что к чему?
    • Прикручиваем адаптивность к макету Jetro:
      • Секции LOGO и NAVBAR.
      • Секция SLIDER.
      • Секция INTRO ARTICLES.
      • Секция RECENT WORKS.
      • Секция FOOTER.
    • ЗАКОНЧЕННЫЙ ВИД МАКЕТА JETRO!
    День 8

    Будут рассмотрены методы максимальной оптимизации веб-страницы.

    Краткое содержание:
    • Анализ скорости загрузки через Инструменты Разработчика в Google Chrome:
      • Детальный обзор вкладки Network и её возможностей.
      • Последовательность загрузки файлов веб-страницы, как правильно подключать CSS, JS и остальные ресурсы.
      • Как извлекать информацию из временной диаграммы загрузки (Timeline) Инструментов Разработчика в Chrome.
      • Устранение ошибок 404 (если ресурс не найден).
    • Уменьшение размеров HTML,CSS и JS-файлов:
      • Что такое минификация и офускация.
      • Убираем все лишнее из файлов Bootstrap с помощью сборщика на официальном сайте Пожалуйста, войдите или зарегистрируйтесь, чтобы просмотреть ссылку .
      • CDN-сервисы, что это, зачем нужно и как с них подключать ресурсы.
      • Оптимизация и минификация нашего стилевого файла style.css. Как писать CSS-селекторы так, чтобы все работало максимально быстро.
      • Оптимизация и минификация HTML-страниц.
    • Графика и шрифты:
      • Оптимизация графики. JPG, PNG, SVG и кодирование в base64 — когда что лучше использовать?
      • Оптимизация шрифтов и практическое использование SVG.
    • Удаление лишних файлов.



    Продажник:

    Скачать:
     
    Последнее редактирование модератором: 24 ноя 2016
    1hjpjfy, Rawual, idenkuda и ещё 1-му нравится это.
  2. mohamed

    mohamed Пользователь

    Сообщения:
    4
    Симпатии:
    0
    не плохой курс !
     
  3. Миша1980

    Миша1980 PRO Unlimited

    Сообщения:
    133
    Симпатии:
    19
    Перезалейте пожалуйста!
     
  4. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    11.014
    Симпатии:
    23.953
    ссылка обновлена
     
    1hjpjfy нравится это.