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
480
Ликбез по веб-технологиям
Лекция для основного курса ИКРы.
Alexey Simonenko
June 19, 2014
Tweet
Share
More Decks by Alexey Simonenko
See All by Alexey Simonenko
Как я перестал верить технологиям
simonenko
2
730
Искусство обучать. Опыт HTML Academy.
simonenko
4
1.2k
Автоматизация разработки курсов: путь от рутины к игре
simonenko
0
1.1k
10 игровых механик в HTML Academy
simonenko
1
210
Веб-дизайнер не художник
simonenko
1
1.5k
ECMAScript 6 — будущее JavaScript
simonenko
6
4.1k
«TIME» — автоматизация агентства
simonenko
2
590
Адаптивный веб-дизайн
simonenko
2
870
PR с помощью большого мероприятия
simonenko
2
330
Other Decks in Technology
See All in Technology
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
130
Windows で省エネ
murachiakira
0
150
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9k
o11yで育てる、強い内製開発組織
_awache
3
100
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
extension 現場で使えるXcodeショートカット一覧
ktombow
0
190
空間を設計する力を考える / 20251004 Naoki Takahashi
shift_evolve
PRO
3
250
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.2k
いま注目しているデータエンジニアリングの論点
ikkimiyazaki
0
570
"複雑なデータ処理 × 静的サイト" を両立させる、楽をするRails運用 / A low-effort Rails workflow that combines “Complex Data Processing × Static Sites”
hogelog
3
1.7k
バイブコーディングと継続的デプロイメント
nwiizo
2
390
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
360
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Making Projects Easy
brettharned
118
6.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Six Lessons from altMBA
skipperchong
28
4k
How to Ace a Technical Interview
jacobian
280
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
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 Спасибо.