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
会社にデータエンジニアがいることでできるようになること
10xinc
8
1.2k
GCASアップデート(202506-202508)
techniczna
0
220
新卒(ほぼ)専業Kagglerという選択肢
nocchi1
0
1.5k
アカデミーキャンプ 2025 SuuuuuuMMeR「燃えろ!!ロボコン」 / Academy Camp 2025 SuuuuuuMMeR "Burn the Spirit, Robocon!!" DAY 1
ks91
PRO
0
150
Claude Codeは仕様駆動の夢を見ない
gotalab555
23
7.3k
形式手法特論:位相空間としての並行プログラミング #kernelvm / Kernel VM Study Tokyo 18th
ytaka23
3
1.5k
Amazon S3 Vectorsは大規模ベクトル検索を低コスト化するサーバーレスなベクトルデータベースだ #jawsugsaga / S3 Vectors As A Serverless Vector Database
quiver
2
1k
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
130
AIは変更差分からユニットテスト_結合テスト_システムテストでテストすべきことが出せるのか?
mineo_matsuya
5
2.7k
LLM時代の検索とコンテキストエンジニアリング
shibuiwilliam
2
910
リモートワークで心掛けていること 〜AI活用編〜
naoki85
0
190
Infrastructure as Prompt実装記 〜Bedrock AgentCoreで作る自然言語インフラエージェント〜
yusukeshimizu
2
160
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.8k
Scaling GitHub
holman
462
140k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Designing for Performance
lara
610
69k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
How to Ace a Technical Interview
jacobian
279
23k
Building Adaptive Systems
keathley
43
2.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Statistics for Hackers
jakevdp
799
220k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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 Спасибо.