Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ликбез по веб-технологиям
Search
Alexey Simonenko
June 19, 2014
Technology
1
460
Ликбез по веб-технологиям
Лекция для основного курса ИКРы.
Alexey Simonenko
June 19, 2014
Tweet
Share
More Decks by Alexey Simonenko
See All by Alexey Simonenko
Как я перестал верить технологиям
simonenko
2
710
Искусство обучать. Опыт HTML Academy.
simonenko
4
1.1k
Автоматизация разработки курсов: путь от рутины к игре
simonenko
0
1k
10 игровых механик в HTML Academy
simonenko
1
180
Веб-дизайнер не художник
simonenko
1
1.4k
ECMAScript 6 — будущее JavaScript
simonenko
6
4k
«TIME» — автоматизация агентства
simonenko
2
580
Адаптивный веб-дизайн
simonenko
2
860
PR с помощью большого мероприятия
simonenko
2
300
Other Decks in Technology
See All in Technology
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
地理情報とAPIのトレンド
nagix
0
160
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
AWSでRAGを作る法方
sonoda_mj
1
140
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
クラウド利用者の「責任」をどう果たす?AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
270
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
360
Azure AI ことはじめ
tsubakimoto_s
0
130
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
What's in a price? How to price your products and services
michaelherold
239
11k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Faster Mobile Websites
deanohume
303
30k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
The Pragmatic Product Professional
lauravandoore
29
6.1k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Transcript
Ликбез по технологи м Алексей Симоненко веб-евангелист в HTML Academy
2014
Как работает интернет Запрос Ответ
Что Скрывает йсберг
None
Операционные системы
Операционные системы Базы данных
Операционные системы Базы данных Языки программирования
Операционные системы Базы данных Языки программирования Фреймворки
Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом
Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом
Сайт
Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом
Сайт ↓ Хостинг
Как работает интернет Запрос Ответ Client-side Server-side Фронтенд Бэкенд
Бэкенд
Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом
LAMP A L M P Linux Apache MySQL PHP
LAMP A L M P Linux Apache MongoDB Python
Стек разработки L L P R Linux LightTPD PostgresSQL Ruby
Стек разработки N L M N Linux Nginx MongoDB Node.JS
Бэкенд это скучно
Фронтенд
Сайт
None
Google Chrome Mozilla Firefox Internet Explorer Safari Opera Статистика 44.2%
14.3% 10.9% 7.1% 13.5%
какие сайты? Статика Динамика
какие сайты? • Корпоративные сайты • Интернет-магазины • Лендинги •
Мобильные сайты
HTML & CSS
htmlacademy.ru
None
Что вместо флеш • HTML5 Video
None
Что вместо флеш • HTML5 Video • HTML5 Canvas
gabrielecirulli.github.io/2048/
flappybird.io
Что вместо флеш • HTML5 Video • HTML5 Canvas •
Web Audio API
noisli.com
effectgames.com/demos/canvascycle/
jamwithchrome.com
dashersw.github.io/pedalboard.js/demo/
Что вместо флеш • HTML5 Video • HTML5 Canvas •
Web Audio API • WebRTC
Флеш можно заменить
24hoursofhappy.com
html5 — buzzword
CSS3 • Веб-шрифты • Линейные и радиальные градиенты • Анимация
• 2D и 3D трансформации
None
codepen.io/lbebber/full/BzoHi/
tympanus.net/Development/HoverEffectIdeas/
codepen.io/teolitto/full/cdxFm/
joecritchley.com/demos/time-machine/
codepen.io/kennethcachia/full/Fhvie/
clicktorelease.com/code/css3dclouds/
javascript
Javascript • Gamepad • Device Orientation • Ambient Light •
Vibration • Geolocation • Battery Status
WEBGL
madebyevan.com/webgl-water/
webaudio-io2012.appspot.com/frames/pool.html
media.tojicode.com/q3bsp/
playmapscube.com
alteredqualia.com/three/examples/webgl_terrain_dynamic.html
Parallax
ihatetomatoes.net/demos/simple-parallax-scrolling-tutorial/
None
Команда Менеджер Дизайнер Программист Верстальщик
Команда Менеджер Дизайнер Верстальщик Программист
Команда Менеджер Дизайнер Технолог Программист
Команда Менеджер Дизайнер Технолог Программист Фронтенд Бэкенд
сайт в 2014 • Быстрый • Доступный • С качественной
графикой • Адаптивный
kandilyan.ru
kandilyan.ru
kandilyan.ru
Как узнавать новое?
simonenko simonenko simonenko.su Спасибо.