Александр Кашеверов — Коротко про web: html, css, js
TRANSCRIPT
Докладчик: Кашеверов АлександрДата: 13 июля 2016 года
Коротко про WEB: HTML, CSS, JS
О чём расскажу
• Теория• Немного истории• Примеры• Статистика использования js
Front-End + Back-End
=
С этого момента поподробнее
Схема
Front-end
HTML
CSSJavaScript
jQueryCSS3
HTML5
ajaxBackbone IEsvg
Angular
Twitter Bootstrap
WebStorage
D3.js
prototype
mootools
sencha
Responsive layout
WebWorker
Cookies
Gulp
GruntCoffeescript
JSON
HTTP
flash
Canvas
PolymerReactJS
Front-end
HTML
CSSJavaScript
Три слона
Структура
Внешний вид
Логика
evolutionoftheweb.com
evolutionoftheweb.com
evolutionoftheweb.com
evolutionoftheweb.com
1996
2016
JavaScript
• Брендан Айк из компании Netscape в 1995 году внедрил язык программирования в браузер Netscape (сегодняшний firefox)
• Цель - изменение структуры без перезагрузки страницы
• В 1996 году компания Microsoft выпустила аналог языка JavaScript, названный Jscript
Javascript - развитие
• 1995 – начало
• 2005 – ajax, prototype.js, jQuery, Mootools, Dojo
• 2010 – JavaScript MVC
• backbone, angular, reactjs, ember, ….
• Сейчас WEB без JS представить сложно
Пример HTML
Пример CSS
Пример Javascript
JavaScript, пример tabs
Пример tabs -> html разметка
Пример tabs -> чистый JS
Пример tabs -> jQuery
Пример tabs -> jQuery UI
Пример tabs -> jQuery UI
“You should definitely use jQuery”
Пример
Пример
Пример
JavaScript сейчас
Немного статистикиdou.ua
Немного статистикиdou.ua
Что рассмотрели
• Frontend+Backend• html+css+js• Немного истории• Примеры• Статистика использования js
Домашнее задание
Движение планет вокруг Солнца
• https://htmlacademy.ru/
• https://learn.javascript.ru/
Что почитать
• https://github.com/kashesandr
• https://twitter.com/kashesandr
Контакты