Продвинутый курс по веб-разработке (2016)
Изюминка курса — его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом. Чему вы научитесь, пройдя курс: Освоите workflow, как в Google и Facebook Веб-разработка, пожалуй, одна из самых быстро развивающихся IT-отраслей в мире. То, как было актуально писать код еще год назад, сегодня уже безнадёжно устаревший подход. На курсе мы покажем workflow, который используют прямо сейчас лучшие программисты Кремниевой Долины. Программировать веб-приложения, а не просто сайты Требования к сайтам стали жестче, чем когда бы то ни было. Сейчас, это не просто красивые странички с классными визуальными эффектами. Сегодня сайт — это полноценное веб-приложение, которое молниеносно загружается и потрясающе выглядит на любом устройстве: смартфоне, планшете и даже на телевизоре. Писать понятный и масштабируемый код Работа с препроцессорами сейчас норма не только для CSS, но и для HTML. Все практические задачи вы сразу будете делать на SASS/SCSS и Jade. Получаемые данные с сервера (JSON) научитесь выводить в HTML при помощи javascript, используя handlebars.js. «Full stack» разработка Несомненный тренд 2016/17 годов. Забудьте про разделение на специализацию. Сегодня веб-разработчик должен не просто знать и понимать код от сервера до клиента. Также необходимо правильно выбирать технологии для каджого конкретного случая. Вы научитесь именно этому: выбирать, решать, обосновывать и защищать свой выбор. Модульная архитектура Количество javascript кода на современном сайте уже несколько лет как переваливает за 70 от общего объема кода. Особенно с приходом серверного javascript — node.js. Вы научитесь планировать, создавать и масштабировать свой код. Вы также на практике освоите самые востребованные паттерны кодирования и проектирования. Решать самые разные задачи при работе с API внешних сервисов Научитесь работать и понимать API запросы как самых востребованных социальных сетей, так и различных сервесов, типа Google maps и пр. Освоив основные принципы, для вас не составит труда разобраться с API любого внешнего сервиса. Учебная программа: Настройка рабочей среды -Боевое крещение новобранцев -Знакомство с наставниками и одногруппниками -Знакомимся с Slack и платформой обучения -Подготовка рабочего окружения -Выбор и настройка редакторов кода: Sublime text, Atom, Brackets -Настройка и базовые принципы работы в терминале -Тонкие настройки и особенности работы PhpStorm/WebStorm -Полезные инструменты для повышения продуктивности -Как оставаться здоровым, работоспособным и эффективным -Планирование, постановка задач и достижение целей Workflow -Основы работы в Linux терминале -Базовый workflow в Git -Знакомство с node.js -Работа с модулями, npm -Понимание dependencies и devDependencies -Bower — настоящее и будущее -Bower vs Npm для frontend-разработки -Локальный сервер на node.js — BrowserSync -LiveReload — наиболее эффективные решения -Корректная публикация проекта на Github Workflow #2 -Gulp — лучшие практики применения -Конкатенация, минификация, работа со статикой -15 самых востребованных npm-плагинов -Автоматическая оптимизация картинок -Bower — продвинутые техники, тонкая настройка -Подготовка и сборка проекта для последующей отправки на хостинг (Production Server) -Настройка хостинга и автодеплой проекта (Auto Deploy) Вёрстка Вёрстка #1 -Самые важные приёмы при нарезке макета в Photoshop -Как писать семантичный и качественный HTML -Какие единицы измерения лучше? "px", "em", "rem" и др. -"font-size" и "line-height" -Все значения свойства "display" -Свойство "float" и его корректная очистка -Вертикальное и горизонтальное центрирование элементов -Псевдоэлементы :before, :after -Свойство "outline" -Тонкости модели "box-sizing", margin, padding -Рекомендации о том, как писать "правильный" CSS -Meyer Reset, Normalize.css, border-box reset Вёрстка #2 -Знакомство с препроцессором Jade -Использование алгоритмической структуры Jade -Написание собственных примесей -Построение универсального шаблона -БЭМ-нейминг -Организация файловой структуры проекта -Рендеринг данных из JSON Вёрстка #3 -репроцессор — SASS/SCSS -Циклы, условия, переменные SASS -Необходимые в работе функции SASS -Автоматизация сборки спрайтов средствами Spritesmith -SVG, иконочные шрифты Вёрстка #4 -Адаптивная вёрстка -Настройка картинок для адаптивной верстки -Адаптация картинок под ретина-дисплеи -Адаптив или Респонсив. В чем разница? -Медиазапросы -Библиотека SingularityGS & Breakpoints SASS. Для верстки респонсив сайтов. Вёрстка #5 -Модуль CSS — flexBox -Поведение флексбокс лэйаута -Управление пропорциями блоков -Управление порядком блоков -"Хитрое" выравнивание flexBox контента javascript javascript #1 -Типы данных в JS -Объекты-обертки -Введение в функции -Типы объявления функций -Анонимные функции -Всплытие переменных и функций -Работы с объектами -Паттерн модуль. Взаимодействие модулей javascript #2 -Работа с jQuery -Cобытия и их обработка -Корректная работа с DOM -Аjax и Deffered object — реализация в jQuery -JSON -Шаблонизация на javascript, Handlebars.js -Лучшии практики и производительность -Browserify javascript #3 -Версии ECMAScript -ES-2015 сейчас -Трансляция ES6 через Babel.JS -Переменные для разных областей видимости -Шаблонные строки -Функции с передачей контекста -Классы -Деструктуризация PHP PHP #1 -Настройка сервера Apache -Основы языка программирования PHP -Работа с функциями -Встроенные возможности языка -Работа с файлами -Работа с данными: JSON, XML, CSV, ini-файлами PHP #2 -Работа с сессиями -Работа с базой данных MySQL -Безопасность -Знакомство с РНРStorm -Пакетный менеджер Composer и Packagist -Работа со сторонними библиотеками -Работа с изображениями -Шаблонизатор Twig Командная разработка -Системы менеджмента кода -Тонкая настройка git -Работа с git в консоли -Переходы по веткам, теги -Git Bash -Git GUI, SourseTree -Работа с ветками -Анализ и разрешение конфликтов -GitHub коллабарации Работа с интерактивными элементами страницы -Частые проблемы с дропдаунами -Перекрытия элементов -Абсолютное центрование -Практическое использование кастомных примесей -Работа с очередью анимаций -Рекурсивные анимации с параметрами и без -Частые проблемы с формированием лейаута -Wow.js под капотом Работа с API -Что такое API? -Как устроено API? -Что такое Curl? -Работа с API Вконтакте -Работа с API Yandex -Подводные камни API Работа с CMS -Какие бывают CMS и почему именно MODx? -Установка и первоначальная настройка -Обзор популярных компонентов -Работа с ресурсами и шаблонами -Работа c чанками, сниппетами и TV -Практика работы с MODx Закрытие курса Информация о видео Название: Продвинутый курс по веб-разработке Автор: Коллектив Год выхода: 2016 Жанр: Видеокурс Язык: Русский Выпущено: Россия (LoftSchool) Файл Продолжительность: ~66 часов Формат: MP4, WEBM (+ доп материалы) Видео: AVC/VP8, 1280x720, ~850 Kbps Аудио: AAC/Vorbis, 256 Kbps, 48.0 KHz Размер файла: 20.37 Gb
Продвинутый курс по веб-разработке (2016) Продвинутый курс по веб-разработке (2016) Продвинутый курс по веб-разработке (2016)
Скачать Продвинутый курс по веб-разработке


Условия использования информации на сайте:
  • Вся информация, представленная здесь, не предназначена для какого-либо распространения и может использоваться только в личных ознакомительных целях.
  • На данном сайте представлены исключительно ссылки в свободном доступе на другие ресурсы.
  • Администрация сайта и хостинг-провайдер не несут ответственности за использование материалов на данном сайте.
  • Сбыт и распространение материалов, представленных на сайте запрещены.
  • Вы предупреждены о вышеизложенном и обязуетесь это соблюдать, в противном случае вы обязаны покинуть этот сайт.
  • Любую информацию на портале можно посмотреть или забрать себе
  • В случае обнаружения на портале информации, нарушающей авторские права, обратитесь к администрации портала для удаления этой информации !!!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Просмотров: 10 автор: tel40plus 29 ноября 2016