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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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.2k
Автоматизация разработки курсов: путь от рутины к игре
Avatar for Alexey Simonenko simonenko
0
1.1k
10 игровых механик в HTML Academy
Avatar for Alexey Simonenko simonenko
1
230
Веб-дизайнер не художник
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
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
4
1.3k
タクシーアプリ『GO』の実践的データ活用
Avatar for GO Inc. dev mot_techtalk
3
170
あなたの AI ワークスペースに、 専門コーダーを連れてくる - Amazon Quick Desktop 最新情報
Avatar for kawaji kawaji_scratch
1
110
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
170
PHP と TypeScript の型システム比較：AI 時代の「型」は誰のためにあるのか？ #frontend_phpcon_do / frontend_phpcon_do_2026
Avatar for shogogg shogogg
1
260
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
150
運用を見据えたAIエージェント設計実践
Avatar for amacbee amacbee
1
3.2k
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.8k
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
Avatar for did0es shuta13
0
370
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
690
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
27
18k
Building applications in the Gemini API family.
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
2.1k

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
330
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
56k

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 Спасибо.