Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ликбез по веб-технологиям

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Alexey Simonenko Alexey Simonenko
June 19, 2014
Technology
490
1

Ликбез по веб-технологиям

Лекция для основного курса ИКРы.

Avatar for Alexey Simonenko

Alexey Simonenko

June 19, 2014

More Decks by Alexey Simonenko

See All by Alexey Simonenko
Как я перестал верить технологиям
Avatar for Alexey Simonenko simonenko
2
760
Искусство обучать. Опыт HTML Academy.
Avatar for Alexey Simonenko simonenko
4
1.3k
Автоматизация разработки курсов: путь от рутины к игре
Avatar for Alexey Simonenko simonenko
0
1.1k
10 игровых механик в HTML Academy
Avatar for Alexey Simonenko simonenko
1
240
Веб-дизайнер не художник
Avatar for Alexey Simonenko simonenko
1
1.6k
ECMAScript 6 — будущее JavaScript
Avatar for Alexey Simonenko simonenko
6
4.2k
«TIME» — автоматизация агентства
Avatar for Alexey Simonenko simonenko
2
600
Адаптивный веб-дизайн
Avatar for Alexey Simonenko simonenko
2
880
PR с помощью большого мероприятия
Avatar for Alexey Simonenko simonenko
2
340

Other Decks in Technology

See All in Technology
Self Healing Rollouts: Automating Production Fixes with Agentic AI
Avatar for Kevin Dubois kdubois
0
150
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
550
Bet AI Day 2026丨バクラク Autopilot、業務システムの再設計
Avatar for LayerX layerx
PRO
2
1.1k
IoTハンズオンの舞台裏
Avatar for Yuji Shirai shirouz
2
100
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
Avatar for LayerX layerx
PRO
0
820
PM領域でのAI Agentの活用
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
270
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
190
KAEN Company Deck
Avatar for 株式会社KAEN kaen
PRO
0
300
こんなアーキテクチャ図は嫌だ BEYOND THE TIME: 半年後の自分へ贈る15のメッセージ / 15 of Anti-pattern in AWS Architecture Diagrams
Avatar for Naomi Yamasaki naospon
3
230
[RSJ26] AnoleVLA: Lightweight Vision-Language-Action Model with Deep State Space Models for Mobile Manipulation
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
120
【試作】IoT x AIエージェント
Avatar for コロッケそば happysamurai294
0
120
最新技術に積極チャレンジ！EKS共通基盤のこれまでとこれから
Avatar for 高棹大樹 daitak
0
300

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
370
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
520
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
230
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
970
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
400

Transcript

  1. Ликбез по технологи м Алексей Симоненко веб-евангелист в HTML Academy

    2014

  2. Как работает интернет Запрос Ответ

  3. Что Скрывает йсберг

  4. None

  5. Операционные системы

  6. Операционные системы Базы данных

  7. Операционные системы Базы данных Языки программирования

  8. Операционные системы Базы данных Языки программирования Фреймворки

  9. Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом

  10. Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом

    Сайт

  11. Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом

    Сайт ↓ Хостинг

  12. Как работает интернет Запрос Ответ Client-side Server-side Фронтенд Бэкенд

  13. Бэкенд

  14. Операционные системы Базы данных Языки программирования Фреймворки Системы управления сайтом

  15. LAMP A L M P Linux Apache MySQL PHP

  16. LAMP A L M P Linux Apache MongoDB Python

  17. Стек разработки L L P R Linux LightTPD PostgresSQL Ruby

  18. Стек разработки N L M N Linux Nginx MongoDB Node.JS

  19. Бэкенд это скучно

  20. Фронтенд

  21. Сайт

  22. None

  23. Google Chrome Mozilla Firefox Internet Explorer Safari Opera Статистика 44.2%

    14.3% 10.9% 7.1% 13.5%

  24. какие сайты? Статика Динамика

  25. какие сайты? • Корпоративные сайты • Интернет-магазины • Лендинги •

    Мобильные сайты

  26. HTML & CSS

  27. htmlacademy.ru

  28. None

  29. Что вместо флеш • HTML5 Video

  30. None

  31. Что вместо флеш • HTML5 Video • HTML5 Canvas

  32. gabrielecirulli.github.io/2048/

  33. flappybird.io

  34. Что вместо флеш • HTML5 Video • HTML5 Canvas •

    Web Audio API

  35. noisli.com

  36. effectgames.com/demos/canvascycle/

  37. jamwithchrome.com

  38. dashersw.github.io/pedalboard.js/demo/

  39. Что вместо флеш • HTML5 Video • HTML5 Canvas •

    Web Audio API • WebRTC

  40. Флеш можно заменить

  41. 24hoursofhappy.com

  42. html5 — buzzword

  43. CSS3 • Веб-шрифты • Линейные и радиальные градиенты • Анимация

    • 2D и 3D трансформации
  44. None

  45. codepen.io/lbebber/full/BzoHi/

  46. tympanus.net/Development/HoverEffectIdeas/

  47. codepen.io/teolitto/full/cdxFm/

  48. joecritchley.com/demos/time-machine/

  49. codepen.io/kennethcachia/full/Fhvie/

  50. clicktorelease.com/code/css3dclouds/

  51. javascript

  52. Javascript • Gamepad • Device Orientation • Ambient Light •

    Vibration • Geolocation • Battery Status

  53. WEBGL

  54. madebyevan.com/webgl-water/

  55. webaudio-io2012.appspot.com/frames/pool.html

  56. media.tojicode.com/q3bsp/

  57. playmapscube.com

  58. alteredqualia.com/three/examples/webgl_terrain_dynamic.html

  59. Parallax

  60. ihatetomatoes.net/demos/simple-parallax-scrolling-tutorial/

  61. None

  62. Команда Менеджер Дизайнер Программист Верстальщик

  63. Команда Менеджер Дизайнер Верстальщик Программист

  64. Команда Менеджер Дизайнер Технолог Программист

  65. Команда Менеджер Дизайнер Технолог Программист Фронтенд Бэкенд

  66. сайт в 2014 • Быстрый • Доступный • С качественной

    графикой • Адаптивный

  67. kandilyan.ru

  68. kandilyan.ru

  69. kandilyan.ru

  70. Как узнавать новое?

  71. simonenko simonenko simonenko.su Спасибо.