Frontend. Разработка

Июль 23, 2022

Главная
Информатика
Frontend. Разработка

Содержание

2. Автор Волгатех, ПС [2009 – 2014] Разработчик сайтов гостиниц [2011-2012] Full Stack разработчик iSpring Cloud, iSpring
3. Почему я это делаю? Я хочу работать в команде с профессионалами Мощнее команда – интереснее задачи
4. О чем курс? HTML, CSS JavaScript HTML5 & CSS3 Bootstrap 3 JQuery Angular JS Сокольников Алексей
5. Как все устроено? Web-дизайнер делает макет Frontend-разработчик верстает страничку Backend-разработчик реализует серверную часть Сокольников Алексей |
6. Верстает? Это как? Сокольников Алексей | 2016 Что такое верстка веб-страниц? Чем отличается от полиграфической? В
7. Требования к верстке Сокольников Алексей | 2016 Попиксельное соответствие Кросс-браузерность Адаптивность
8. Основы разметки HTML Введение HTML Что такое теги? Стандарты, DOCTYPE, кодировки Основные теги Форматирование кода Сокольников
9. HTML Автор: Тим Бернерс-Ли 1986г. Браузеры Теговый язык Сокольников Алексей | 2016 9/46
10. Тэги Сокольников Алексей | 2016 ...
11. Парные теги 11/46
12. С чего начинается страница? Сокольников Алексей | 2016
13. А проще можно? Сокольников Алексей | 2016
14. 14/46
15. Кодировка Сокольников Алексей | 2016 Проставлять кодировки очень важно!
16. Основные теги Сокольников Алексей | 2016
17. Тег BODY Я изучил тег Body, но не знаю P 17/46
18. Форматирование текста Сокольников Алексей | 2016
19. Гиперссылки Сокольников Алексей | 2016 ...
20. Форматирование страницы Сокольников Алексей | 2016
21. Тег P Я изучил тег P 21/46
22. Почистить зубы Умыться Выучить HTML 22/46
23. Тег UL Кто проживает на дне океана? Мокрая губка, малыш без изъяна 23/46
24. Сокольников Алексей | 2016
25. Графические элементы Сокольников Алексей | 2016
26. На небе только и разговоров, что о море и о закате… 26/46
27. Таблицы Сокольников Алексей | 2016
28. Заголовок Ячейка 28/46
29. Формы Сокольников Алексей | 2016
30. 30/46
31. ... 31/46
32. 32/46
33. 33/46
34. Вопросы?
35. Валидация страницы Сокольников Алексей | 2016 http://validator.w3.org HTML Validator для браузера Firefox
36. 36/46
37. 37/46
39. HTML Validator для браузера Firefox
40. Инструменты разработки Сокольников Алексей | 2016 Notepad ++ Adobe Photoshop, Gimp Расширения: Pixel Perfect, Gridify
41. 41/46
42. 42/46
43. Соглашение о кодировании Именование файлов Соглашения по HTML Соглашения по CSS 43/46
44. Структура проекта 44/46
45. Оценки Каждая лабораторная 10 баллов Коэффициенты: 1.2, 1.0, 0.8, 0.6 90%, 75%, 60% 45/46
47. Скачать презентацию

Слайд 2

Автор
Волгатех, ПС [2009 – 2014]
Разработчик сайтов гостиниц [2011-2012]
Full Stack разработчик iSpring

Cloud, iSpring Learn [с 2012]
Аспирант кафедры ИВС [с 2014]

Сокольников Алексей | 2016

Слайд 3

Почему я это делаю?
Я хочу работать в команде с профессионалами
Мощнее команда

– интереснее задачи
Личное развитие

Сокольников Алексей | 2016

3/46

Слайд 4

О чем курс?
HTML, CSS
JavaScript
HTML5 & CSS3
Bootstrap 3
JQuery
Angular JS
Сокольников Алексей | 2016
4/46

Слайд 5

Как все устроено?
Web-дизайнер делает макет
Frontend-разработчик верстает страничку
Backend-разработчик реализует серверную часть
Сокольников Алексей

| 2016

Слайд 6

Верстает? Это как?
Сокольников Алексей | 2016
Что такое верстка веб-страниц?
Чем отличается от

полиграфической?
В чем интерес?

Слайд 7

Требования к верстке
Сокольников Алексей | 2016
Попиксельное соответствие
Кросс-браузерность
Адаптивность

Слайд 8

Основы разметки HTML
Введение HTML
Что такое теги?
Стандарты, DOCTYPE, кодировки
Основные теги
Форматирование кода
Сокольников Алексей

| 2016

8/46

Слайд 9

HTML
Автор: Тим Бернерс-Ли 1986г.
Браузеры
Теговый язык
Сокольников Алексей | 2016
9/46

Слайд 10

Тэги
Сокольников Алексей | 2016
<тег атрибут1="значение" атрибут2="значение“/>
<тег атрибут1="значение" атрибут2="значение">...

Слайд 11

Парные теги
11/46

Слайд 12

С чего начинается страница?
Сокольников Алексей | 2016

4.01// EN " "http://www.w3.org/TR/html4/strict.dtd">

Слайд 13

А проще можно?
Сокольников Алексей | 2016

Слайд 14

14/46

Слайд 15

Кодировка
Сокольников Алексей | 2016

Проставлять кодировки очень важно!

Слайд 16

Основные теги
Сокольников Алексей | 2016

Слайд 17

Тег BODY

Я изучил тег

Body, но не знаю P

17/46

Слайд 18

Форматирование текста
Сокольников Алексей | 2016

Слайд 19

Гиперссылки
Сокольников Алексей | 2016
...

Слайд 20

Форматирование страницы
Сокольников Алексей | 2016

Слайд 21

Тег P

Я изучил тег

P

21/46

Слайд 22

Почистить

зубы

Умыться

Выучить HTML

22/46

Слайд 23

Тег UL

Кто проживает

на дне океана?

Мокрая губка, малыш без изъяна

23/46

Слайд 24

Сокольников Алексей | 2016

Слайд 25

Графические элементы
Сокольников Алексей | 2016

Слайд 26

На небе только и разговоров, что о море и о закате…
26/46

Слайд 27

Таблицы
Сокольников Алексей | 2016

Слайд 28

Заголовок

Ячейка

28/46

Слайд 29

Формы
Сокольников Алексей | 2016

Слайд 30

30/46

Слайд 31

...
31/46

Слайд 32

32/46

Слайд 33

33/46

Слайд 34

Вопросы?

Слайд 35

Валидация страницы
Сокольников Алексей | 2016
http://validator.w3.org
HTML Validator для браузера Firefox

Слайд 36

36/46

Слайд 37

37/46

Слайд 38

Слайд 39

HTML Validator для браузера Firefox

Слайд 40

Инструменты разработки
Сокольников Алексей | 2016
Notepad ++
Adobe Photoshop, Gimp
Расширения: Pixel Perfect, Gridify

Слайд 41

41/46

Слайд 42

42/46

Слайд 43

Соглашение о кодировании
Именование файлов
Соглашения по HTML
Соглашения по CSS
43/46

Слайд 44

Структура проекта
44/46

Слайд 45

Оценки
Каждая лабораторная 10 баллов
Коэффициенты: 1.2, 1.0, 0.8, 0.6
90%, 75%, 60%
45/46