Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Frontend. Разработка

Содержание

АвторВолгатех, ПС [2009 – 2014]Разработчик сайтов гостиниц [2011-2012]Full Stack разработчик iSpring Cloud, iSpring Learn [с 2012]Аспирант кафедры ИВС [с 2014]Сокольников Алексей | 2016
Frontend РазработкаЛекция 1Сокольников Алексей | 2016 АвторВолгатех, ПС [2009 – 2014]Разработчик сайтов гостиниц [2011-2012]Full Stack разработчик iSpring Cloud, Почему я это делаю?Я хочу работать в команде с профессионаламиМощнее команда – О чем курс?HTML, CSSJavaScriptHTML5 & CSS3Bootstrap 3JQueryAngular JSСокольников Алексей | 20164/46 Как все устроено?Web-дизайнер делает макетFrontend-разработчик верстает страничкуBackend-разработчик реализует серверную частьСокольников Алексей | 2016 Верстает? Это как?Сокольников Алексей | 2016Что такое верстка веб-страниц?Чем отличается от полиграфической?В чем интерес? Требования к версткеСокольников Алексей | 2016Попиксельное соответствиеКросс-браузерностьАдаптивность Основы разметки HTMLВведение HTMLЧто такое теги?Стандарты, DOCTYPE, кодировкиОсновные тегиФорматирование кодаСокольников Алексей | 20168/46 HTMLАвтор: Тим Бернерс-Ли 1986г.БраузерыТеговый языкСокольников Алексей | 20169/46 ТэгиСокольников Алексей | 2016 Парные теги11/46 С чего начинается страница?Сокольников Алексей | 2016 А проще можно?Сокольников Алексей | 2016 14/46 КодировкаСокольников Алексей | 2016 Проставлять кодировки очень важно! Основные тегиСокольников Алексей | 2016 Тег BODY Я изучил Форматирование текстаСокольников Алексей | 2016 ГиперссылкиСокольников Алексей | 2016... Форматирование страницыСокольников Алексей | 2016 Тег P Я изучил тег P 21/46 Тег UL Кто проживает на дне Сокольников Алексей | 2016 Графические элементыСокольников Алексей | 2016  На небе только и разговоров, что о море и о закате…26/46 ТаблицыСокольников Алексей | 2016 Заголовок Ячейка 28/46 ФормыСокольников Алексей | 2016 30/46 ... 31/46 33/46 Вопросы? Валидация страницыСокольников Алексей | 2016http://validator.w3.orgHTML Validator для браузера Firefox 36/46 37/46 HTML Validator для браузера Firefox Инструменты разработкиСокольников Алексей | 2016Notepad ++Adobe Photoshop, GimpРасширения: Pixel Perfect, Gridify 41/46 42/46 Соглашение о кодированииИменование файловСоглашения по HTMLСоглашения по CSS43/46 Структура проекта44/46 ОценкиКаждая лабораторная 10 балловКоэффициенты: 1.2, 1.0, 0.8, 0.690%, 75%, 60%45/46 Вопросы?
Слайды презентации

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

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

Stack разработчик iSpring Cloud, iSpring Learn [с 2012]
Аспирант кафедры

ИВС [с 2014]

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

Слайд 3 Почему я это делаю?
Я хочу работать в команде

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

с профессионалами
Мощнее команда – интереснее задачи
Личное развитие
Сокольников Алексей |

2016

3/46

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

О чем курс?HTML, CSSJavaScriptHTML5 & CSS3Bootstrap 3JQueryAngular JSСокольников Алексей | 20164/46

Алексей | 2016
4/46

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

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

серверную часть
Сокольников Алексей | 2016

Слайд 6 Верстает? Это как?
Сокольников Алексей | 2016
Что такое верстка

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

веб-страниц?
Чем отличается от полиграфической?
В чем интерес?

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

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

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

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

теги
Форматирование кода
Сокольников Алексей | 2016
8/46

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

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

Слайд 10 Тэги
Сокольников Алексей | 2016

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

Слайд 11 Парные теги
11/46

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

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

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

PUBLIC "-//W3C//DTD HTML 4.01// EN " "http://www.w3.org/TR/html4/strict.dtd">

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

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

Слайд 14

14/46

14/46

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


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

КодировкаСокольников Алексей | 2016 Проставлять кодировки очень важно!

важно!

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



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

Слайд 17


Тег BODY

Тег BODY Я изучил тег Body, но не знаю P 17/46



Я изучил тег Body, но не

знаю P




17/46

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



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

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

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

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









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

Слайд 21


Тег P

Тег P Я изучил тег P 21/46



Я изучил тег P


21/46

Слайд 22

Почистить

Почистить зубы

  • Умыться
  • Выучить HTML

    • 22/46

    Слайд 23



    Тег UL


    Тег UL Кто проживает на дне океана?


    Кто проживает на дне океана?
    Мокрая

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



    23/46

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


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

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

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

    Слайд 26  На небе только и разговоров, что о море

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

    и о закате…
    26/46

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







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

    Слайд 28

    Заголовок


    Ячейка


    28/46

    Заголовок Ячейка 28/46

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







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

    Слайд 30 30/46

    30/46

    Слайд 31 ...
    31/46

    ... 31/46

    Слайд 32

    Слайд 33 33/46

    33/46

    Слайд 34 Вопросы?

    Вопросы?

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

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

    Firefox



    Слайд 36

    36/46

    36/46

    Слайд 37

    37/46

    37/46

    Слайд 38

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

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

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

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

    Pixel Perfect, Gridify

    Слайд 41

    41/46

    41/46

    Слайд 42

    42/46

    42/46

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

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

    Слайд 44 Структура проекта

    44/46

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

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

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

    75%, 60%
    45/46

    • Имя файла: frontend-razrabotka.pptx
    • Количество просмотров: 199
    • Количество скачиваний: 0
    - Предыдущая Сплавы со специальными свойствами
    Следующая - Многомерный регрессионный анализ. Основные задачи регрессионного анализа

    Похожие презентации

    Презентация проекта В гостях у сказки Теремок проект (младшая группа) Презентация проекта В гостях у сказки Теремок проект (младшая группа) 104
    Бетон. Общие сведения Бетон. Общие сведения 115
    Использование ИКТ на родительских собраниях презентация к занятию (средняя группа) по теме Использование ИКТ на родительских собраниях презентация к занятию (средняя группа) по теме 100
    Консультация Безопасность детей в летний период. консультация (средняя группа) Консультация Безопасность детей в летний период. консультация (средняя группа) 170
    umk pnsh umk pnsh 94
    3d печать. Преимущества, недостатки, перспективы развития. 3d печать. Преимущества, недостатки, перспективы развития. 171
    Технологическая карта индивидуального занятия по формированию речевого слуха и формированию произносительной стороны устной речи в 1А классе, вариант 2.2 Тема: Осень план-конспект занятия (1 класс) Технологическая карта индивидуального занятия по формированию речевого слуха и формированию произносительной стороны устной речи в 1А классе, вариант 2.2 Тема: Осень план-конспект занятия (1 класс) 96
    Презентация на урок Смазка зерноуборочного комбайна ДОН-1500 Презентация на урок Смазка зерноуборочного комбайна ДОН-1500 140
    Презентация Мотивация учебной деятельности Презентация Мотивация учебной деятельности 116
    Презентация Матрешка - душа России презентация к уроку (подготовительная группа) Презентация Матрешка - душа России презентация к уроку (подготовительная группа) 99
    проект ученика 3 класса Мед и его качество проект (3 класс) проект ученика 3 класса Мед и его качество проект (3 класс) 71
    Методология и методы психолого-педагогического исследования Методология и методы психолого-педагогического исследования 112
    Твиттер – корпоративный микроблог для Вашей компании Твиттер – корпоративный микроблог для Вашей компании 92
    Успешная социализация детей старшего дошкольного возраста посредством макетирования презентация к уроку (старшая, подготовительная группа) по теме Успешная социализация детей старшего дошкольного возраста посредством макетирования презентация к уроку (старшая, подготовительная группа) по теме 104
    Ознакомление с правилами дорожного движения в 1 младшей группе презентация Ознакомление с правилами дорожного движения в 1 младшей группе презентация 38
    стандарты нового поколения.Опыт введения, проблемы и перспективы. презентация по теме стандарты нового поколения.Опыт введения, проблемы и перспективы. презентация по теме 43
    Презентация темать коряс Гласнай вайгяльксне Презентация темать коряс Гласнай вайгяльксне 110
    Интерактивная презентация Замок сокровищ презентация урока для интерактивной доски (средняя, старшая, подготовительная группа) Интерактивная презентация Замок сокровищ презентация урока для интерактивной доски (средняя, старшая, подготовительная группа) 94
    Мое педагогическое кредо Мое педагогическое кредо 127
    Методическая разработка. Карта. История изобретения. презентация к уроку по истории Методическая разработка. Карта. История изобретения. презентация к уроку по истории 103
    preemstvennost v inklyuzii preemstvennost v inklyuzii 124
    Сладкие блюда Сладкие блюда 98
    Concept Concept 113
    Презентация- Наглядный метод обучения презентация к уроку Презентация- Наглядный метод обучения презентация к уроку 107
    istoriya prazdnika istoriya prazdnika 120
    Литейная форма Литейная форма 86
    Национальный парк Грейт Смоки Маунтинс Национальный парк Грейт Смоки Маунтинс 126
    НАЧАЛЬНАЯ ШКОЛА ПО СИСТЕМЕ В.И. ЖОХОВА НАЧАЛЬНАЯ ШКОЛА ПО СИСТЕМЕ В.И. ЖОХОВА 93
    Технология оценивания (теория) Технология оценивания (теория) 107
    Процессор intel core i7 Процессор intel core i7 86