Что такое 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
    • Количество просмотров: 204
    • Количество скачиваний: 0
    - Предыдущая Сплавы со специальными свойствами
    Следующая - Многомерный регрессионный анализ. Основные задачи регрессионного анализа

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

    Ультрафиолетовое излучение Ультрафиолетовое излучение 126
    Кружки качества Кружки качества 113
    Definition Definition 96
    Презентация к занятию Бабушкино подворье Презентация к занятию Бабушкино подворье 113
    Повесть Н. В. Гоголя “Тарас Бульба” в произведениях книжной графики Повесть Н. В. Гоголя “Тарас Бульба” в произведениях книжной графики 176
    The three kings monument The three kings monument 100
    Презентация Закон об образовании для ДОУ презентация к уроку Презентация Закон об образовании для ДОУ презентация к уроку 109
    Презентация Влияние алкоголя и курения на органы пищеварения презентация к уроку Презентация Влияние алкоголя и курения на органы пищеварения презентация к уроку 136
    Диагностика и лечение псориаза Диагностика и лечение псориаза 87
    Презентация по осетинскому языку Фаззаг Цавар? Цыхуызан Презентация по осетинскому языку Фаззаг Цавар? Цыхуызан 159
    Туроператорgold travel Туроператорgold travel 93
    Комутація каналів Комутація каналів 97
    Как встречают Новый год люди всех земных широт презентация к занятию (подготовительная группа) Как встречают Новый год люди всех земных широт презентация к занятию (подготовительная группа) 45
    Консультация для педагога Культура речи консультация Консультация для педагога Культура речи консультация 136
    Визуализация Визуализация 87
    Все о Холере Все о Холере 115
    Методическая разработка Игры и упражнения , направленные на развитие межполушарных связей у дошкольников методическая разработка по коррекционной педагогике (подготовительная группа) Методическая разработка Игры и упражнения , направленные на развитие межполушарных связей у дошкольников методическая разработка по коррекционной педагогике (подготовительная группа) 117
    День космонавтики презентация к уроку (подготовительная группа) День космонавтики презентация к уроку (подготовительная группа) 103
    презентация Люби и знай свой город презентация к уроку (старшая группа) презентация Люби и знай свой город презентация к уроку (старшая группа) 107
    Протяни руку жизни! Протяни руку жизни! 108
    Международная программа студенческого обмена global ugrad Международная программа студенческого обмена global ugrad 111
    prezentatsiya bezopasnost prevyshego vsego prezentatsiya bezopasnost prevyshego vsego 54
    Презентация оформления зала к Новому году презентация для интерактивной доски Презентация оформления зала к Новому году презентация для интерактивной доски 106
    5б представляет 5б представляет 118
    2015-2016 Презентация к итоговому занятию по А.Л. Барто презентация к уроку (старшая группа) по теме 2015-2016 Презентация к итоговому занятию по А.Л. Барто презентация к уроку (старшая группа) по теме 112
    План лекции План лекции 101
    Теория социального обмена Джорджа Хоманса и Питера Блау Теория социального обмена Джорджа Хоманса и Питера Блау 164
    Проектный метод – как средство повышения компетентности каждого педагога. презентация Проектный метод – как средство повышения компетентности каждого педагога. презентация 112
    Перспективы человечества Перспективы человечества 165
    Презентация по дисциплине Основы банковского дела на тему: Банковская деятельность и ее анализ (на примере Сберегательного банка РФ) Презентация по дисциплине Основы банковского дела на тему: Банковская деятельность и ее анализ (на примере Сберегательного банка РФ) 151