Веб программирование для чайников. Пост 1

Так как я не считаю себя супер-пупер-мега программистом то и ожидания прошу снизить до минимума. Никакой высшей математики и гениальных решений тут не будет. Я просто хочу помочь тем, кто вообще не в курсе, начать.


Веб разработка это в >90% случаев язык PHP. Но он не может идти без HTML, CSS и Javascript (коротый чаще всего идет с JQuery).


Начнем с HTML. Это язык разметки. Вот небольшой пример:

берем создаем текстовый файлик в блокноте, открываем и пишем


<h1>HW</h1>

<p>Some text you want to write</p>


Затем сохраняем этот файл с расширением .html и открываем его в браузере. Можно просто два раза по нему кликнуть.

То что мы видим и есть результат отображения браузером разметки HTML.


Чтобы понять что есть CSS, мы добавим пару слов к блоку <h1> (чем обычно обозначают заголовок статьи например). Откройте тот же файл в блонкоте и допишите


<h1 style="color:red">HW</h1>

<p>Some text you want to write</p>


Сохранить -> обновить в браузере. Теперь наш заголовок красный. Это и есть суть CSS - стилизовать ваш текст.


Javascript нужен для того чтобы менять информацию на странице + менять внешний облик страницы. Он обрабатывается на стороне клиента (браузера), а не на сервере как PHP. Мелкий пример JS (Javascript):


Добавляем одну строку к нашему коду.


<h1 style="color:red">HW</h1>

<p>Some text you want to write</p>

<script type="text/javascript">alert("hey there!");</script>


Сохранить -> обновить в браузере.

Tag <script type="text/javascript"> используется для вставки JS на станицы. Так браузер понимает что в нем содержится код JS и соответственно запускает его.

функция alert() просто показывает popup окно.


Вот и первому посту конец, кому понравилось - ставьте лайк.
Я создал канал в телеграме: https://t.me/web_programming_for_dummies
Насколько далеко зайдет дело, не знаю, но будем попробовать и посмотрим как пойдёт. Начинание в любом случае хооршее.

1
Автор поста оценил этот комментарий

Единственно чем вы можете выстрелить, так это если будете продолжать и оперативно отвечать на вопросы пользователей, а ответы на некоторые интересные вопросы озвучивать в последующих постах. В противном случае нет гарантии что ваше кун-фу круче тех кто пишет книги, начиная от "для сайников" и заканчивая "для гуру" :)

раскрыть ветку (1)
3
Автор поста оценил этот комментарий

оперативно отвечаю что я готов оперативно отвечать на вопросы

1
Автор поста оценил этот комментарий
90% пхп? Разве что блогов студентов и копеечных интернет магазинов. А статья очень слабая и грешит чрезмерными упрощениями.
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

кек, я об этом и писал в самом начале что пост будет насколько можно простой

1
Автор поста оценил этот комментарий

Нахера вот оно нужно на пикабу? Тонны литературы и курсов в инете на любой вкус. И вообще пхп - говнище лютое.

раскрыть ветку (1)
Автор поста оценил этот комментарий

нахера? чтобы люди которым это интересно, получили общие сведения как оно все устроено. С легкими примерами, без углубления во что то конкретное.

показать ответы
Автор поста оценил этот комментарий

Очередной Евгений Попов ?


Я просто хочу помочь тем, кто вообще не в курсе, начать.

Как то смешно звучит, даже HTML + CSS нормально не выучить за месяц.

При этом что бы знать все спецификации, правила, условия и тд и тп.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

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