Однажды в начале 98-го года я сделал свой первый поиск в Интернете. И самое смешное: это было не в Google (который был создан пару недель спустя), а в MetaCrawler. Тогда я еще не знал, что через 3 года начну свою профессиональную карьеру в веб-индустрии в должности "веб-мастера".
Вебмастер?
Для тех, кто не знает, что это такое. Это был общий термин для обозначения человека, который отвечал на электронные письма посетителей, исправлял неработающие ссылки на сайте, добавлял новый контент и/или обновлял существующий, продвигал веб-сайт посредством информационных бюллетеней по электронной почте или осуществлял обмен баннерами с другими сайтами.
🤔 Подождите, это очень похоже на то, что сделал бы сегодня менеджер сообщества.
Будьте добры, перемотайте назад
Давайте продолжим использовать драгоценный камень времени еще немного, чтобы напомнить некоторым из вас, как это было с технической точки зрения. А для младших, представьте себе…
HTML и CSS
Для структурирования наших страниц мы использовали базовый HTML. Семантический HTML! Что это такое !? Нас не волновало, какой тег doctype или meta использовать, потому что, честно говоря, мы не знали, что это такое и почему это важно, потому что это не имело видимого эффекта. в Internet Explorer 5.5 и Netscape Navigator.
Честно говоря, раньше мы «кодировали» наши веб-сайты с помощью таких редакторов, как Macromedia Dreamweaver или Adobe GoLive!, но только в их режиме WYSIWYG. И если быть очень честным, я «запрограммировал» свой первый index.html с помощью Microsoft Word. Пожалуйста, не бейте меня 🫣.
Мы использовали <table> для структурирования блоков страниц (да, мы до сих пор делаем это в шаблонах электронных писем). CSS ? Что это такое ? Шучу, CSS уже существовал, но в основном использовался для создания эффектов :hover в тегах <a>. Никаких медиа-запросов, потому что это были не смартфоны, планшеты и обычное разрешение экрана 800х600 пикселей 🤓.
Джаваскрипт?
Ааа, вы имеете в виду DHTML, верно? Также очень ограничено.
jQuery еще не был создан… но позже, в начале 00-х годов, появилось несколько интересных библиотек, добавляющих анимацию, например script.aculo.us и mootools.
В любом случае, у нас были все эти нечитаемые фрагменты кода ванильного JS, объединенные в огромный файл .txt, который мы могли атомарно копировать и вставлять на любую страницу, чтобы создать крутые эффекты, например, заставить снег падать на страницу. в декабре (так поэтично).
Еще кое-что…
Честность заставляет меня говорить об одной вещи, которую я тогда сделал с Javascript, и это до сих пор не дает мне покоя…
Однажды мне дали задачу ограничить доступ к html-странице с помощью простой системы входа (имя пользователя + пароль). Поэтому я поискал в Интернете решение, потому что это было далеко за пределами моих знаний. И я нашел этот простой скрипт на форуме (потому что нет stackoverflow), который я мог легко настроить, чтобы это произошло. Под настройкой я подразумеваю следующее: установку в исходном коде HTML-страницы в виде обычного текста списка комбинаций имя пользователя + пароль для доступа к «ограниченной» странице.
Да, ты красный, это верно! Никакого хеширования. Никакого шифрования. «Учетные записи» пользователей были полностью читабельны на странице.
Еще раз, пожалуйста, не бейте меня 🫣 ! Я знаю, о чем ты говоришь. Почему не ограничили страницу простым файлом .htaccess? Две простые причины:
1/ .ht что?
2/ Ограничения хостинга… см. ниже
Формы
Эта история входа — лишь краткий обзор того, как мы рассматривали формы в то время. Сегодня практически не существует веб-страницы без HTML-формы. Но тогда Интернет был в основном доступен только для чтения.
Поэтому, когда вам понадобилось добавить на страницу простую контактную форму, начался кошмар. Я не знал серверных языков, таких как PHP, ASP, JSP, CFM… Так что единственный способ (для me) заключалась в адаптации простого CGI скрипта, который я нашел где-то на полу, который мог получать данные полей формы и отправлять их по простому текстовому электронному письму.
И прежде чем вы спросите: конечно, поля вообще не проверялись 😂.
Хостинг
Поскольку в то время я был новичком, я не знал, как работает Интернет. Что такое сервер, http-запрос, домен, DNS…
Итак, еще раз, единственным простым и дешевым способом поделиться нашими замечательными веб-сайтами со всем миром было использование бесплатных услуг хостинга, которые заключались в предоставлении вам доступа к папке FTP, в которую вы могли загружать свои html-страницы + изображений. (🤔 сегменты S3 ?)
И теперь вы можете получить доступ к своему сайту через: http://www.myfreehosting.tld/my_gorgeous_app ❤️
Привет МРР!!! 😂
Назад в будущее
И снова здравствуй сегодняшний день! Надеюсь, вам понравилось читать эту маленькую капсулу времени.
Думаю, я мог бы легко написать о том времени гораздо больше. Возможно, позже напишу вторую главу.
Сегодня 2023 год, и я все еще программирую, но разница в том, что я научился делать это правильно…
Ну… я думаю 😉
—
Следуйте за мной в X (Twitter): https://x.com/phikhi
