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.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.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
330

Other Decks in Technology

See All in Technology
バイブコーディングで3倍早く⚪⚪を作ってみた
Avatar for Sam Akada samakada
0
120
20年前の「OSS革命」に学ぶ AI時代の生存戦略
Avatar for Sam Akada samakada
0
480
AndroidアプリとCopilot Studioの統合
Avatar for なかしょ nakasho
0
140
AIでAIをテストする - 音声AIエージェントの品質保証戦略
Avatar for Morix morix1500
1
140
AzureのIaC管理からログ調査まで、​随所に役立つ​SkillsとCustom-Instructions​ / Boosting IaC and Log Analysis with Skills
Avatar for AEON aeonpeople
0
260
20260428_Product Management Summit_tadokoroyoshiro
Avatar for tadokoro_yoshiro tadokoro_yoshiro
14
14k
Shipping AI Agents — Lessons from Production
Avatar for vvatanabe vvatanabe
0
280
Standards et agents IA : un tour d’horizon de MCP, A2A, ADK et plus encore
Avatar for Guillaume Laforge glaforge
0
190
基盤を育てる 外部SaaS連携の運用
Avatar for Hiroto Gamo gamonges_dresscode
1
120
[OAWTT26][THR1028] Oracle AI Database 26ai へのアップグレード：ベストプラクティスと最新情報
Avatar for oracle4engineer oracle4engineer
PRO
1
110
Anthropic「Long-running a gents」をGeminiで再現してみた
Avatar for t-kikuchi tkikuchi
0
230
扱える不確実性を増やしていく - スタートアップEMが考える「任せ方」
Avatar for kadoppe kadoppe
0
320

Featured

See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
140
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
320
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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