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

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

Avatar for Alexey Simonenko Alexey Simonenko
June 19, 2014
Technology
1
480

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

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

Avatar for Alexey Simonenko

Alexey Simonenko

June 19, 2014
Tweet

More Decks by Alexey Simonenko

See All by Alexey Simonenko
Как я перестал верить технологиям
Avatar for Alexey Simonenko simonenko
2
740
Искусство обучать. Опыт 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
220
Веб-дизайнер не художник
Avatar for Alexey Simonenko simonenko
1
1.5k
ECMAScript 6 — будущее JavaScript
Avatar for Alexey Simonenko simonenko
6
4.2k
«TIME» — автоматизация агентства
Avatar for Alexey Simonenko simonenko
2
590
Адаптивный веб-дизайн
Avatar for Alexey Simonenko simonenko
2
870
PR с помощью большого мероприятия
Avatar for Alexey Simonenko simonenko
2
330

Other Decks in Technology

See All in Technology
New Relic 1 年生の振り返りと Cloud Cost Intelligence について #NRUG
Avatar for PLAY, inc. play_inc
0
240
Claude Codeを使った情報整理術
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
11
8.4k
なぜ あなたはそんなに re:Invent に行くのか？
Avatar for Kazuki Miura miu_crescent
PRO
0
210
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
390
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
Avatar for AEON aeonpeople
0
250
20251222_サンフランシスコサバイバル術
Avatar for ponponmikan ponponmikankan
2
140
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
9
14k
AIエージェント開発と活用を加速するワークフロー自動生成への挑戦
Avatar for shibuiwilliam shibuiwilliam
5
870
Building Serverless AI Memory with Mastra × AWS
Avatar for vvatanabe vvatanabe
0
610
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
Avatar for Takanori Suzuki takanorig
5
2.1k
20251203_AIxIoTビジネス共創ラボ_第4回勉強会_BP山崎.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
140
AI駆動開発の実践とその未来
Avatar for Ikko Eltociear Ashimine eltociear
2
500

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
78
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.7k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
1
140
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.5k

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