Александр Кашеверов — Коротко про web: html, css, js

Докладчик: Кашеверов АлександрДата: 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/

Что почитать

• Alexander.Kasheverov@dataart.com

• https://github.com/kashesandr

• https://twitter.com/kashesandr

Контакты