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

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

    Бизнес план животноводства Бизнес план животноводства 71
    Достопримечательности Санкт-Петербурга презентация к уроку (средняя группа) по теме Достопримечательности Санкт-Петербурга презентация к уроку (средняя группа) по теме 83
    Фотоотчет по мероприятию в детском саду в летний период В гостях у сказки материал (подготовительная группа) Фотоотчет по мероприятию в детском саду в летний период В гостях у сказки материал (подготовительная группа) 99
    Walking through london Walking through london 95
    Позиционирование. Разбор и оформление профиля в Инстаграм. Лекция 3 Позиционирование. Разбор и оформление профиля в Инстаграм. Лекция 3 95
    Трудовой кодекс рк. Рабочее время Трудовой кодекс рк. Рабочее время 112
    Роль книги в воспитании дошкольника презентация к уроку ( группа) Роль книги в воспитании дошкольника презентация к уроку ( группа) 102
    Исследовательская работа по краеведению Русский сарафан Исследовательская работа по краеведению Русский сарафан 89
    Мониторинг достижений обучающихся методическая разработка (4 класс) Мониторинг достижения обучающимися планируемыхпредметных и метапредметных результатовосвоения основной образовательной программыМониторинг достижения обучающимися планируемых предметных и Мониторинг достижений обучающихся методическая разработка (4 класс) Мониторинг достижения обучающимися планируемыхпредметных и метапредметных результатовосвоения основной образовательной программыМониторинг достижения обучающимися планируемых предметных и 27
    Презентация на урок Неисправности гидросистемы зерноуборочного комбайна ДОН-1500 и их устранение Презентация на урок Неисправности гидросистемы зерноуборочного комбайна ДОН-1500 и их устранение 101
    Проект Моя семья. презентация к занятию (подготовительная группа) Проект Моя семья. презентация к занятию (подготовительная группа) 103
    Презентация по МДК 01.01. Организация деятельности служб бронирования гостиничных услуг Презентация по МДК 01.01. Организация деятельности служб бронирования гостиничных услуг 158
    Зубы : анатомия и биохимия Зубы : анатомия и биохимия 88
    Презентация Летний сад методическая разработка Презентация Летний сад методическая разработка 109
    Презентация к исследовательской работе в номинации Что не открыл Архимед, откроем мы! Презентация к исследовательской работе в номинации Что не открыл Архимед, откроем мы! 88
    Berlin Berlin 69
    Игральные кости Игральные кости 142
    Наши мальчики презентация к уроку (младшая группа) Наши мальчики презентация к уроку (младшая группа) 149
    Занятие по робототехнике Футбол, 2 класс план-конспект занятия (2 класс) Занятие по робототехнике Футбол, 2 класс план-конспект занятия (2 класс) 162
    Презентация лекции по теме Методы простейшей физиотерапии. Оксигенотерапия Презентация лекции по теме Методы простейшей физиотерапии. Оксигенотерапия 150
    Презентация Зима презентация к уроку Презентация Зима презентация к уроку 76
    Наша студенческая группа Наша студенческая группа 129
    Открытое занятие по светской этике Человек рожден для добра презентация к уроку (4 класс) по теме Открытое занятие по светской этике Человек рожден для добра презентация к уроку (4 класс) по теме 158
    Биологическая очистка сточных вод Биологическая очистка сточных вод 163
    Родительское собрание консультация (1 класс) Родительское собрание консультация (1 класс) 24
    Муниципальная научно-практическая конференция В мир поиска, в мир творчества, в мир науки Требование к качеству молока, хранение свежего молока. Муниципальная научно-практическая конференция В мир поиска, в мир творчества, в мир науки Требование к качеству молока, хранение свежего молока. 72
    Сравнительный анализ эффективности хозяйственных деятельностей компании rio tinto и alcoa Сравнительный анализ эффективности хозяйственных деятельностей компании rio tinto и alcoa 84
    Технологии виртуальной реальности Технологии виртуальной реальности 67
    СЕМИНАР ОПЫТ РАБОТЫ С ПЕДАГОГАМИ ДОУ ПО ФОРМИРОВАНИЮ КОНСТРУКТИВНОГО ВЗАИМОДЕЙСТВИЯ (НА ОСНОВЕ КОГНИТИВНОГО ЭМОЦИОНАЛЬНО-ВОЛЕВОГО И ПОВЕДЕНЧЕСКОГО КОМПОНЕНТА ТОЛЕРАНТНОЙ КУЛЬТУРЫ) В ПОГРАНИЧНЫХ СИТУАЦИЯХ (СПОРЫ, КОНФЛИКТЫ, ПРОТИВОРЕЧИЯ) презентация по тем СЕМИНАР ОПЫТ РАБОТЫ С ПЕДАГОГАМИ ДОУ ПО ФОРМИРОВАНИЮ КОНСТРУКТИВНОГО ВЗАИМОДЕЙСТВИЯ (НА ОСНОВЕ КОГНИТИВНОГО ЭМОЦИОНАЛЬНО-ВОЛЕВОГО И ПОВЕДЕНЧЕСКОГО КОМПОНЕНТА ТОЛЕРАНТНОЙ КУЛЬТУРЫ) В ПОГРАНИЧНЫХ СИТУАЦИЯХ (СПОРЫ, КОНФЛИКТЫ, ПРОТИВОРЕЧИЯ) презентация по тем 94
    Организация работы по познавательному развитию через экскурсию в краеведческий музей города-курорта Анапа проект по окружающему миру (подготовительная группа) по теме Организация работы по познавательному развитию через экскурсию в краеведческий музей города-курорта Анапа проект по окружающему миру (подготовительная группа) по теме 77