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
170
Веб-дизайнер не художник
simonenko
1
1.4k
ECMAScript 6 — будущее JavaScript
simonenko
6
4k
«TIME» — автоматизация агентства
simonenko
2
570
Адаптивный веб-дизайн
simonenko
2
850
PR с помощью большого мероприятия
simonenko
2
300
Other Decks in Technology
See All in Technology
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
350
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
400
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
0
390
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
440
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
AWS学習者向けにAzureの解説スライドを作成した話
handy
2
100
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
120
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.3k
LayerXにおけるLLMプロダクト開発の今までとこれから
layerx
PRO
2
450
Azureの基本的な権限管理の勉強会
yhana
0
960
Grafana x PagerDuty Better Together
jacopen
1
170
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
325
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Unsuck your backbone
ammeep
663
57k
The Mythical Team-Month
searls
216
42k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Ruby is Unlike a Banana
tanoku
96
10k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Code Reviewing Like a Champion
maltzj
514
39k
Designing the Hi-DPI Web
ddemaree
276
33k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
GitHub's CSS Performance
jonrohan
1025
450k
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 Спасибо.