[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 разработчика)
• Стратегия работы на фрилансе
• Какие подводные камни могут вас подстерегать, при работе на фрилансе
• Стратегия ведения проектов
• Как правильно искать клиентов

Скачать:

Скрытая информация :: Авторизуйтесь для просмотра »