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
200
Веб-дизайнер не художник
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
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
510
【2025 Japan AWS Jr. Champions Ignition】点から線、線から面へ〜僕たちが起こすコラボレーション・ムーブメント〜
amixedcolor
1
110
【CEDEC2025】ブランド力アップのためのコンテンツマーケティング~ゲーム会社における情報資産の活かし方~
cygames
PRO
0
150
興味の胞子を育て 業務と技術に広がる”きのこ力”
fumiyasac0921
0
430
AI コードレビューが面倒すぎるのでテスト駆動開発で解決しようとして読んだら、根本的に俺の勘違いだった
mutsumix
0
120
AWS表彰プログラムとキャリアについて
naoki_0531
1
150
AI によるドキュメント処理を加速するためのOCR 結果の永続化と再利用戦略
tomoaki25
0
230
AIエージェントを支える設計
tkikuchi1002
12
2.5k
MCPに潜むセキュリティリスクを考えてみる
milix_m
1
920
製造業の課題解決に向けた機械学習の活用と、製造業特化LLM開発への挑戦
knt44kw
0
110
みんなのSRE 〜チーム全員でのSRE活動にするための4つの取り組み〜
kakehashi
PRO
2
110
Jitera Company Deck / JP
jitera
0
310
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Building Applications with DynamoDB
mza
95
6.5k
BBQ
matthewcrist
89
9.8k
Unsuck your backbone
ammeep
671
58k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Building an army of robots
kneath
306
45k
Bash Introduction
62gerente
613
210k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Visualization
eitanlees
146
16k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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 Спасибо.