Історія всесвітньої павутини

1. Вступ до курсу

2.

3.

+

4. Ви дізнаєтесь:

5. Front-end vs Back-end

6.

7.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
jQuery
HTML
json
photoshop
semantic
performance
audio
video storage
ajax
xml
canvas

8.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
jQuery
HTML
json
photoshop
semantic
performance
audio
video storage
ajax
xml
canvas

9.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
jQuery
HTML
json
photoshop
semantic
performance
audio
video storage
ajax
xml
canvas

10.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
jQuery
HTML
json
photoshop
semantic
performance
audio
video storage
ajax
xml
canvas

11.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
PHP
Object Oriented
SQL
Ruby on Rails
Node.js
jQuery
.NET
HTML
json
photoshop
semantic
performance
audio
video storage
MongoDB
ajax
xml
canvas
SOAP
Java
Python
Perl
CORS
Couch
Class

12.

Javascript
validation
w3c
svg
responsive
audio
CSS
ajax
PHP
Object Oriented
SQL
Ruby on Rails
Node.js
jQuery
.NET
HTML
json
photoshop
semantic
performance
audio
video storage
MongoDB
ajax
xml
canvas
SOAP
Java
Python
Perl
CORS
Couch
Class

13. Статичні та Динамічні сторінки

14.

15.

16.

17. Історія Всесвітньої Павутини

18. Історія Всесвітньої Павутини

19. Історія Всесвітньої Павутини

20. Історія Всесвітньої Павутини

Gopher

21. Історія Всесвітньої Павутини

22. Історія Всесвітньої Павутини

Браузерні війни

23. Історія Всесвітньої Павутини

24. Історія Всесвітньої Павутини

25. Ситуація на сьогодні

1. Все базується на вебі

26. Ситуація на сьогодні

2. Велика кількість редакторів коду

27. Ситуація на сьогодні

3. Браузери оновлюються автоматично

28. Ситуація на сьогодні

4. Браузер в кишені та мобільні додатки на
HTML/CSS/JAVASCRIPT

29. Процес розробки веб-додатка

30. Процес розробки веб-додатка

Планування:
Обговорення із замовником
Формулювання вимог, цілей, цільової аудиторії
Розробка дизайну
Розробка архітектури
Розробка документу зі специфікаціями
Розробка прототипу продукту, який має
затвердити замовник

31. Процес розробки веб-додатка

Дизайн:
• Верстка сторінок
• Затвердження з замовником

32. Процес розробки веб-додатка

Розробка:
Написання функціоналу
Інтеграція контенту
Тестування
Виправлення помилок (bugfixing)

33. Процес розробки веб-додатка

Post-Production:
Перевірка замовником
Фінальне тестування
Написання документації
Пробний запуск продукту
Отримання фідбеків від користувачів
Підтримка

34. Завдання Front-End розробника

35. Завдання Front-End розробника

• Psd до html/css
• Інтеграція з серверною
частиною
• Оптимізація картинок
• Написання документації
• Оптимізація коду
• Рефакторинг коду
• Пошук шрифтів
• Перевірка дизайну
• Створення мокапів
• Адаптивна розмітка
• Комунікація та
взаємодія з іншими
розробниками
• SEO/SMO friendly
• Пошук оптимальних
рішень для вирішення тої • Постійна комунікація з
чи іншої задачі
людьми: замовниками,
іншими членами
• Робота з фреймворками команди, цільовою
та бібліотеками
аудиторією продукту.
• Написання юніт тестів
• Дизайн архітектури
• Неперервний процес
навчання

36. Будьте в курсі новин у світі веб-розробки

Будьте в курсі новин у світі веброзробки
uptodate.frontendrescue.org

37. Дякую за увагу!