CodeEvening. Web-разработка

Содержание

Слайд 2

Что такое Web-разработка и с чем её едят?

Что такое Web-разработка и с чем её едят?

Слайд 3

Что такое Web-разработка и с чем её едят? Одного блокнота мало

Что такое Web-разработка и с чем её едят?

Одного блокнота мало
Инструментов много

- результат один
Языков много - результат один
Качество и скорость? Возможно
Как корабль «построишь» - так и поплывет
Слайд 4

"Чтобы не поломалось" - выбираем рабочее окружение

"Чтобы не поломалось" - выбираем рабочее окружение

Слайд 5

"Чтобы не поломалось" - выбираем рабочее окружение Only *NIX Серверный язык:

"Чтобы не поломалось" - выбираем рабочее окружение

Only *NIX
Серверный язык: PHP, Ruby,

NodeJS, ASP и т.д.
Среда разработки
Bower
GIT
Слайд 6

Notepad vs IDE - плюсы и минусы

Notepad vs IDE - плюсы и минусы

Слайд 7

Notepad vs IDE - плюсы и минусы Notepad: Скорость работы Сторонние

Notepad vs IDE - плюсы и минусы

Notepad:
Скорость работы
Сторонние плагины
IDE:
Анализаторы кода
Подсказки, интеграция

с системами
Слайд 8

Notepad vs IDE - плюсы и минусы Рекомендации: Windows: Sublime Text,

Notepad vs IDE - плюсы и минусы

Рекомендации:
Windows: Sublime Text, Notepad++
*NIX: Sublime

Text, JetBrains Product
Для извращенцев: VIM
Слайд 9

Web-стандарты: HTML5, CSS3, JavaScript

Web-стандарты: HTML5, CSS3, JavaScript

Слайд 10

Web-стандарты: HTML5, CSS3, JavaScript HTML5 тэги улучшают семантику разметки, упрощают читабельность

Web-стандарты: HTML5, CSS3, JavaScript

HTML5 тэги улучшают семантику разметки, упрощают читабельность
CSS3 решает

многие задачи, которые раньше решали картинками
JavaScript есть везде. За его отсутствие пусть платит заказчик
Слайд 11

Что такое CSS framework и для чего он нужен

Что такое CSS framework и для чего он нужен

Слайд 12

Что такое CSS framework и для чего он нужен Быстрое прототипирование

Что такое CSS framework и для чего он нужен

Быстрое прототипирование
Удобная сетка
Единый

стиль всех элементов
Богатый выбор компонентов
Слайд 13

"Как я раньше жил без них" - препроцессоры CSS

"Как я раньше жил без них" - препроцессоры CSS

Слайд 14

"Как я раньше жил без них" - препроцессоры CSS Использование элементов

"Как я раньше жил без них" - препроцессоры CSS

Использование элементов программных

конструкций в языке стилей: переменные, условия, циклы, функции
Вложенность, быстрое и точное наследование
Подключение внешних файлов дает больше возможностей в организации структуры
Слайд 15

Task Runner - ускоряем разработку

Task Runner - ускоряем разработку

Слайд 16

Task Runner - ускоряем разработку Автоматизация процесса Тонкая настройка Большое количество плагинов

Task Runner - ускоряем разработку

Автоматизация процесса
Тонкая настройка
Большое количество плагинов

Слайд 17

Логика на клиенте? Без проблем! Обзор MVVC framework для JavaScript

Логика на клиенте? Без проблем! Обзор MVVC framework для JavaScript