Перейти к содержимому
🔥 Популярное

Веб-разработка

Сайты и веб-приложения. Этот сайт тоже кто-то написал.

Коротко

Веб-разработка — это сайты и приложения, которые открываются у любого человека на планете одной ссылкой. Строчка кода, обновить страницу — и результат уже на экране: самый короткий путь от идеи до того, чем пользуются другие.

Истории

01

Первый сайт работает до сих пор

Первый в мире сайт, info.cern.ch, Тим Бернерс-Ли запустил в ЦЕРН в 1991 году. В 2013 году ЦЕРН восстановил его по первоначальному адресу — его можно открыть и сегодня.

02

Не выключать!

Первым веб-сервером был компьютер NeXT в кабинете Бернерс-Ли. На нём висела наклейка: «Это сервер. НЕ ВЫКЛЮЧАТЬ!!»

03

Язык за десять дней

В 1995 году Брендан Айк написал первую версию JavaScript за десять дней. Сегодня этот язык работает почти на каждом сайте мира.

🏆 Вершина мастерства

Вершина — сервисы, которыми пользуются миллиарды, и сайты, одинаково удобные на любом экране и для любого человека, включая незрячих. А твоя вершина — первый сайт, ссылку на который хочется отправить друзьям.

Легенды

  • Тим Бернерс-Ли — создатель Всемирной паутины
  • Брендан Айк — JavaScript
  • Хокон Виум Ли — CSS

Лестница мастерства

Где ты сейчас — от 0 до 10?

1Страница

Пишу <h1>Привет!</h1> в файле index.html — и браузер показывает мою страницу.

Следующая ступень: Вёрстка — Верстаю на HTML и CSS: заголовки, картинки и блоки встают по местам.

Двигай ползунок или жми на ступени.

Мини-игра

Реакция

Хороший сайт отвечает мгновенно: нажми, как только загорится сигнал.

Дождись сигнала и жми как можно быстрее.

Правда или миф?

  1. Первый в мире сайт можно открыть и сегодня.

  2. Ошибка 404 названа в честь комнаты 404 в ЦЕРН.

  3. Первую версию JavaScript написали за десять дней.

😄 Анекдот в тему

Веб-разработчик тратит час, чтобы сдвинуть кнопку на два пикселя. И ещё час — чтобы она осталась там во всех браузерах.

👣 Первый шаг — сегодня

Создай на компьютере файл index.html, напиши в нём <h1>Привет!</h1> и открой в браузере. Это уже сайт — осталось показать его миру.

Что это даёт

Для тела, головы и жизни. У фактов о здоровье — ссылка на исследование.

  • Результат сразу

    Изменение в коде — и через секунду оно на экране. Такой быстрой обратной связи нет почти ни в одном ремесле.

  • Нужен везде

    Сайт нужен кафе, врачу, школе танцев и другу-фотографу. Работа находится в любом городе.

  • Логика и вкус

    Веб — редкое место, где встречаются код и визуальный вкус: в один день пишешь логику, в другой выбираешь шрифты.

  • Сайт для каждого

    Хороший сайт работает и для незрячего человека с экранной читалкой. Доступность — это уважение, сделанное кодом.

  • Веб учит сам себя

    Любой сайт можно разобрать прямо в браузере: правый клик → «Просмотреть код». Лучшие учебники — чужие страницы.

  • Главный инструмент

    Главный инструмент веб-разработчика — не редактор, а кнопка «Обновить страницу». Нажимается примерно тысячу раз в день.

Попробовать — ближе, чем кажется

Начать можно уже сейчас: лестница и мини-игра — выше. Ведёшь такие занятия? Поставь их на карту — это бесплатно.

На карте этого пока нет — первая точка может быть твоей.

Ещё в направлении «Технологии»

Фото — Wikimedia Commons, свободные лицензии:

  1. User:Coolcaesar at en.wikipedia · CC BY-SA 3.0 · Wikimedia Commons · размер изменён
  2. Amitmarkel · CC BY-SA 4.0 · Wikimedia Commons · размер изменён
  3. Markus Spiske from Forchheim, Bavaria Upper Franconia · CC0 · Wikimedia Commons · размер изменён
  4. Dabaca9623 · CC BY 4.0 · Wikimedia Commons · размер изменён
  5. Web Summit · CC BY 2.0 · Wikimedia Commons · размер изменён