Курс необходим именно тебе, если
- Ты хочешь получить полноценные, структурированные знания в области 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
- Центрирование элементов по горизонтали и вертикали
- Псевдоэлементы :before, :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 разработчика)
- Стратегия работы на фрилансе
- Какие подводные камни могут вас подстерегать, при работе на фрилансе
- Стратегия ведения проектов
- Как правильно искать клиентов
Продажник:
Скачать курс:
Последнее редактирование модератором:
