[Loftschool] Комплексное обучение веб-разработке VOL.2 [2015]

Курс продается здесь:

Курс необходим именно тебе, если

• Ты хочешь получить полноценные, структурированные знания в области web-разработки
  
• У тебя нет времени изучать толстые книги и сложные мануалы, написанные на языке далёком от реальной практики
  
• Ты уже в этом году хочешь создать свой первый полноценный сервис или web-приложение
  
• Ты хочешь создавать реальные, полезные сайты, которыми будут пользоваться сотни людей ежедневно
  
• Ты хочешь иметь достойный заработок, работая в одной из лучших студий твоей страны
  
• Ты хочешь жить в Тайланде, а работу получать со всего мира на российских и зарубежных фриланс биржах
  
• Ты хочешь пройти стажировку в реальной web-студии (мы принимаем стажеров удаленно, так что не имеет значения, в каком городе ты живешь)
  

Чему мы тебя научим

• Создавать современные HTML5 сайты, используя только самые передовые технологии
  
• Создавать сервисы и веб приложения на javascript
  
• Использовать в своей работе лучшие из существующих на 2015 год инструменты
  
• Запускать новые проекты за 3 — 5 дней
  
• Научишься уверенно работать с Github, поучавствуешь в онлайн-коллаборациях
  
• Научишься работать в команде под предводительством тимлида. А возможно тимлидом станешь именно ты! Лучших учеников мы лично обучаем этому мастерству.
  
• Составлять резюме и правильно вести себя на собеседовании
  
• Работать и зарабатывать находясь за сотни миль от заказчика
  
• Грамотно общаться с заказчиками, оценивать бюджеты и сроки проектов
  
• Общаться с единомышленниками, заводить новых друзей
  
• А также многому-многому другому!
  

ПРОГРАММА ОБУЧЕНИЯ

• ПОДГОТОВКА РАБОЧЕЙ СРЕДЫ
  
  
  • Введение в курс: как и что нужно делать, чтобы получить максимальный эффект от обучения
    
  • Настройка рабочего места (рекомендации по железу, операционной системе, программам и утилитам)
    
  • Как сохранить здоровье и работоспособность
    
  • Как за одну неделю повысить свою продуктивность на 20-30%
    
  • Печать вслепую
    
  • Google Chrome + 9 лучших расширений
    
  • Более 15 программ и утилит, которые преобразят ваш рабочий процесс
    
  • Самые важные онлайн сервисы
    
  • Знакомство и настройка Sublime Text / Atom / Brackets
    
  
  
  
• КАК УСТРОЕН ИНТЕРНЕТ
  
  
  • Архитектура клиент-сервер: взаимодействие компьютеров в распределенных системах
    
  • Работа DNS: узнаем какой путь проходит запрос от клиента к серверу
    
  • Работа с доменом: рассмотрим как покупать и делегировать домен на ваш сервер
    
  • Основные протоколы интернета
    
  • Протокол HTTP - детально рассмотрим принцип работы HTTP протокола
    
  • Протокол SSH - удаленное управление сервером
    
  • Веб-стек - поговорим о популярных наборах ПО, установленных на хостингах
    
  • Работа с локальным сервером - рассмотрим утилиты для создания рабочего окружения на своем компьютере
    
  • Инструменты для работы с удаленным сервером - filezilla /winscp / transmit / phpstorm
    
  
  
  
• ЭТАПЫ РАЗРАБОТКИ ИНТЕРНЕТ ПРОЕКТОВ
  
  
  • Инструменты привлечения заказчиков без портфолио
    
  • Пошаговое руководство о том, как не упустить заказчика
    
  • Работать в одиночку или с командой?
    
  • Работа с заказчиком и подрядчиками на каждом этапе разработки
    
  • Брифинг, техническое задание, договор
    
  • Сдача и поддержка проекта
    
  • Подробный разбор каждого этапа жизни проекта в веб студии
    
  • Разбор каждого этапа ведения проекта
    
  • Рекомендации по программному обеспечению
    
  
  
  
• PHOTOSHOP ДЛЯ ВЕРСТАЛЬЩИКА
  
  
  • Работа с PSD в Brackets
    
  • Как правильно работать с дизайн макетом
    
  • Нарезка PSD макета - подробное пошаговое руководство
    
  • Подробно про JPEG и PNG - их отличия далеко не только в прозрачности фона
    
  • Лучшие практики по работе со слоями
    
  • Панель “История” - настройка и корректный “откат” действий
    
  • “Спрайты” и прочие подходы к оптимизации изображений для верстки
    
  • Девять самых интересных и важных плагинов для Photoshop
    
  • Горячие клавиши и приёмы
    
  
  
  
• WORKFLOW #1
  
  
  • Настройка рабочей среды, как единой экосистемы
    
  • Все тонкости работы с консолью
    
  • Bower - детальная настройка
    
  • Знакомство с node.js и npm
    
  • Корректная настройка и работа сgit
    
  • Настройка и работа с gulp
    
  • LiveReload - теория и практика
    
  • BrowserSync - кроссплатформленное и кроссбраузерное тестирование
    
  • Собираем собственный boilerpalteи отправляем в github
    
  
  
  
• ВЁРСТКА #1
  
  
  • Подробно о структуре HTML документа
    
  • Как писать семантичный HTML.Семантика на примерах. HTML5
    
  • Строчные и блочные элементы
    
  • Война значимостей: теги, классы, id
    
  • Рекомендации о том, как писать правильный CSS
    
  • Meyer Reset, Normalize.css,border-box reset
    
  • Модульность верстки
    
  • Блочная модель, корректная очистка float
    
  • Нюансы использования display:inline-block
    
  • “Жизнь вёрстки” после вёрстки (программирование, SEO)
    
  
  
  
• ВЁРСТКА #2
  
  
  • Анализ, тактика, выбор наиболее корректного подхода к вёрстке лэйаута (layout) и каждого модуля
    
  • Учимся обосновывать и аргументировать выбор того или иного подхода к вёртке
    
  • Подробный разбор усложненного тестового макета
    
  • Подробно разбираем Sprite Sheet
    
  • Центрирование элементов по горизонтали и вертикали
    
  • Псевдоэлементы efore, :after
    
  • Свойство position
    
  • Учимся генерировать и подключать шрифты для разных браузеров Font-face
    
  • Modernizr.js
    
  • Набор профессионала - разбор самых важных приёмов в вёрстке
    
  
  
  
• JAVASCRIPT #1
  
  
  • Переменные в JavaScript
    
  • Глобальная и локальная область видимости. Объекты Activation, Window
    
  • Паттерны кодирования и антишаблоны
    
  • Функции, область видимости, вызов, результат выполнения
    
  • “Всплывание” - hoisting
    
  • Приведение типов
    
  • Строгий JavaScript, JSLint, JShint
    
  • Объекты, их методы и свойства. Литералы и элементарные значения.
    
  • JQuery - лучшие практики
    
  
  
  
• JAVASCRIPT #2
  
  
  • XMLHttpRequest, Ajax, динамическое обращение к серверу
    
  • Цепочки Ajax вызовов: типичные ошибки и лучшие практики
    
  • Deferred Object - работа с отложенными вызовами обработчиков
    
  • Корректная работа с JSON на стороне клиента и генерация на стороне PHP
    
  • Общение с сервером на практике: подводные камни и отладка
    
  • Вебсервер с Apache - быстрый вызов из командной строки
    
  • Генерация HTML и DOM манипуляции
    
  • Шаблон проектирования “Модуль”
    
  • Взаимодействие между модулями
    
  
  
  
• BACKEND #1
  
  
  • Пользовательская настройка сервера Apache
    
  • Работа с сеансами
    
  • Реализация авторизации на сайте
    
  • Реализация отправки почты
    
  • Интеграция сервиса Google Recaptcha с вашей формой на сайте
    
  • Организация загрузки файлов на сервер
    
  • Работа с форматом данных JSON
    
  • Работа с форматом данных INI
    
  
  
  
• BACKEND #2
  
  
  • Работа с пакетным менеджеромComposer
    
  • Дебагинг и профайлинг php-кода
    
  • Приемы валидация пользовательского ввода
    
  • Манипуляции с изображениями
    
  • Простая работа с СУБД с помощьюORM
    
  • Определение типа устройства средствами PHP
    
  • PHP Phing - автоматизация работы PHP разработчика
    
  • PhpStorm: Php phing, mongo extend, regExp tester, package manager, task manager, watchers
    
  
  
  
• WORKFLOW #2
  
  
  • Gulp лучшие практики применения
    
  • Конкатенация, минификация, работа со статикой
    
  • 15 самых мощных npm плагинов:wiredep, gulp-useref, gulp-util и др.
    
  • Автоматическая оптимизация картинок
    
  • Bower - продвинутые техники, тонкая настройка
    
  • Подготовка и сборка проекта для последующей отправки на хостинг (Production Server)
    
  • Настройка хостинга и автодеплой проекта (Auto Deploy)
    
  
  
  
• WORKFLOW #3
  
  
  • Jade - html препроцессор: mixins,extends, includes, loops
    
  • Bem naming
    
  • SASS лучшие практики
    
  • CoffeeScript: переменные, функции, классы
    
  • Организация файловой структуры
    
  • Основы модульной разработки
    
  
  
  
• JAVASCRIPT #3
  
  
  • CoffeeScript лучшие практики
    
  • Расширение функциональности jQuery
    
  • Написание плагина на jQuery
    
  • Написание функционала паттерном - “модуль”
    
  • Эмуляция ответа от сервера обработка ответа средствами ajax.
    
  
  
  
• GIT, GITHUB
  
  
  • Системы менеджмента кода
    
  • Тонкая настройка git
    
  • Работа с git в консоли
    
  • Переходы по веткам, теги
    
  • Git Bash
    
  • Git GUI, SourseTree
    
  • Работа с ветками
    
  • Анализ и разрешение онфликтов
    
  • GitHub коллабарации
    
  
  
  
• КОМАНДНАЯ РАЗРАБОТКА
  
  
  • Ваша первая коллаборация
    
  • Оценка командной полученной задачи
    
  • Определение мест и способов тестирования ПО
    
  • Инструменты ведения учета групповой работы
    
  • Роли тимлида (team lead) в команде
    
  • Рекомендуемые библиотеки для работы
    
  • Оформление проекта на github
    
  
  
  
• АНИМАЦИИ
  
  
  • Частые проблемы с дропдаунами
    
  • Перекрытия элементов
    
  • Абсолютное центрование
    
  • Практическое использование кастомных примесей
    
  • Работа с очередью анимаций
    
  • Рекурсивные анимации с параметрами и без
    
  • Частые проблемы с формированием лейаута
    
  
  
  
• УСТРОЙСТВО НА РАБОТУ
  
  
  • Подготовка к прохождению собеседования: что нужно иметь, прежде чем устроиться в хорошую компанию
    
  • Виды собеседований и особенности каждого
    
  • Какие вопросы чаще всего задают на собеседованиях (для backend и frontend разработчика)
    
  • Стратегия работы на фрилансе
    
  • Какие подводные камни могут вас подстерегать, при работе на фрилансе
    
  • Стратегия ведения проектов
    
  • Как правильно искать клиентов
    
  
  
  

Скачать: