Слайд 2Что такое Web-разработка и с чем её едят?
Слайд 3Что такое Web-разработка и с чем её едят?
Одного блокнота мало
Инструментов много -
результат один
Языков много - результат один
Качество и скорость? Возможно
Как корабль «построишь» - так и поплывет
Слайд 4"Чтобы не поломалось" - выбираем рабочее окружение
Слайд 5"Чтобы не поломалось" - выбираем рабочее окружение
Only *NIX
Серверный язык: PHP, Ruby, NodeJS,
ASP и т.д.
Среда разработки
Bower
GIT
Слайд 6Notepad vs IDE - плюсы и минусы
Слайд 7Notepad vs IDE - плюсы и минусы
Notepad:
Скорость работы
Сторонние плагины
IDE:
Анализаторы кода
Подсказки, интеграция с
системами
Слайд 8Notepad vs IDE - плюсы и минусы
Рекомендации:
Windows: Sublime Text, Notepad++
*NIX: Sublime Text,
JetBrains Product
Для извращенцев: VIM
Слайд 9Web-стандарты: HTML5, CSS3, JavaScript
Слайд 10Web-стандарты: HTML5, CSS3, JavaScript
HTML5 тэги улучшают семантику разметки, упрощают читабельность
CSS3 решает многие
задачи, которые раньше решали картинками
JavaScript есть везде. За его отсутствие пусть платит заказчик
Слайд 11Что такое CSS framework и для чего он нужен
Слайд 12Что такое CSS framework и для чего он нужен
Быстрое прототипирование
Удобная сетка
Единый стиль
всех элементов
Богатый выбор компонентов
Слайд 13"Как я раньше жил без них" - препроцессоры CSS
Слайд 14"Как я раньше жил без них" - препроцессоры CSS
Использование элементов программных конструкций
в языке стилей: переменные, условия, циклы, функции
Вложенность, быстрое и точное наследование
Подключение внешних файлов дает больше возможностей в организации структуры
Слайд 15Task Runner - ускоряем разработку
Слайд 16Task Runner - ускоряем разработку
Автоматизация процесса
Тонкая настройка
Большое количество плагинов
Слайд 17Логика на клиенте? Без проблем! Обзор MVVC framework для JavaScript