Вступление.
Это пробная статья, посвященная обучению о создании сайтов. И также это мой первый опыт в написании текстов с обучением.
Материал рассчитан на людей, даже близко не знакомых с программированием. От вас ничего не требуется, только желание изучить эту профессию. Мы начнем с самого нуля. Материал рассчитан на людей, любого возраста.
Также хотел предупредить, что у меня есть YouTube канал (какие-то уроки) и на эту тему уже снято видео (ссылка). Но, возможно, кому-то будет удобней читать статью. Что ж, давайте начнем.
С чего начать?
Для начала давайте разберемся как вообще создаются сайты.
У нас есть два варианта:
1. Использование конструктора сайтов;
2. Написание кода.
Оба варианта встречаются в реальной жизни и подходят для каких-то определенных задач.
При помощи конструктора сайтов мы можем делать сайты очень быстро. По несколько штук в день. Но в тоже время, они будут достаточно простыми, потому что обычно у вас есть ограниченный функционал, за рамки которого будет сложно выйти.
Такой вариант подходит для сайтов визиток. Но за них обычно платят очень мало, поэтому вы будете в постоянном поиске клиентов. Плюс и клиенты бывают очень "сложные", с которыми порой очень трудно найти общий язык. Этот вариант изучается очень быстро. Порой хватает месяца, чтоб освоить все необходимые инструменты и начать делать качественные сайты.
Вот, например, tilda. Это один из самых популярных конструкторов. У них есть ссылка на сайты, которые сделаны на основе него. В целом, выглядит очень красиво.
Ну и второй вариант - написание кода. Обычно такие сайты делаются достаточно долго, также и обучение может занять год, а то и полтора, но здесь вас никто ни в чем не ограничивает. Также и зарплата у таких программистов гораздо выше. Вы можете делать анимации и стили такие, какие будут вам нужны. Можете даже сделать анимацию какого-нибудь салюта (почему бы и нет 🙃). Также если вы пишите код, то у вас есть большой шанс устроиться в какую-нибудь компанию, где вы будете заниматься исключительно написанием кода и сидеть на какой-то зарплате. Тут не придется общаться с клиентами, а только лишь выполнять свою работу.
Конечно же, везде есть свои исключения, я лишь описал классический сценарий, как это все происходит. Что ж, теперь настало время выбрать. Если вам интересен первый вариант, где вы общаетесь с людьми, не тратите время на написание кода, то эта статья не для вас. Спасибо, что дочитали до этого момента 🙃
Тут я буду обучать написанию кода и все что с этим связано. Ведь я посвятил этому свою жизнь и, возможно, помогу и вам в этом нелегком деле.
Выбор текстового редактора.
Итак, первое, что необходимо сделать - это установить какой-нибудь текстовый редактор, где мы будем писать код. В принципе, можно использовать обычный Блокнот из windows. Но он не будет подсвечивать код, который мы пишем. И так будет тяжелее работать. Поэтому рекомендую установить нормальный редактор.
Их достаточно много, вот небольшой список:
1. Notepad++ (ссылка) - это самый популярный и бесплатный редактор;
2. Sublime Text (ссылка) - тоже очень популярный редактор. Именно его я и выбрал, потому что для моей операционной системы редактор из первого пункта установить нельзя;
3. Atom (ссылка) - очень красивый редактор, раньше постоянно им пользовался. А потом как-то удалил и забыл про него.
Установка там везде простая. Если будет непонятно, то отпишите в комментариях (или ответьте на опрос ниже) и я выложу отдельно статью с описанием установки.
Я буду использовать Sublime Text. После того, как редактор скачан, открываем его и для начала нужно вывести какой-нибудь текст и проверить, как оно вообще работает.
Тестируем редактор кода.
Для начала давайте создадим файл с расширением .html
Нажимаем Файл -> Новый файл.
Если у вас другая операционная система, то картинки, которые я буду выкладывать могут визуально не совпадать с тем, как представлено у меня. Это не страшно, так как в будущем мы будем писать код. А он везде выглядит одинаково :)
Далее нужно этот файл сохранить в любое удобное для вас место (Файл -> Сохранить как).
Название любое можно придумать, главное, чтоб расширение было .html
Я назвал этот файл index.html
Теперь возвращаемся в редактор и давайте напишем любой текст. Например классическую фразу "Привет мир!". Дальше нам нужно это сохранить. Файл -> Сохранить. Либо используйте комбинацию клавиш Ctrl + S для Windows (CMD + S для MacOS).
Теперь нам понадобится браузер (у меня Google Chrome, но вообще подойдет любой), просто перетаскивайте сюда этот файл, который вы создали.
И вы увидите примерно такую картину:
Тот самый текст, который вы писали. Если вы его увидели, поздравляю. Вы прошли первое испытание с подготовкой и теперь мы можем начать писать код. Но об этом мы поговорим в следующей статье.
____________________________________
Мой YouTube канал: youtube.com/channel/UCBnoCxkFZD4XkCDzBAwl5JA
Поддержать автора: donationalerts.com/r/kakeitoyroki
ТикТок: tiktok.com/@get.my.name
