Лучшие бесплатные руководства и эффективные советы для авторов, желающих изучить веб-разработку.

Я по профессии писатель-фрилансер, но я всегда мечтал стать веб-разработчиком. Четыре месяца назад я решил сократить количество новых проектов и, наконец, начал изучать разработку.

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

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

К счастью, за 3 месяца бесплатного изучения веб-разработки в Интернете я обнаружил, что мне это нравится, и я стал хорошо разбираться в HTML и CSS. Мне еще предстоит пройти долгий путь, но я нашел некоторые из наиболее многообещающих бесплатных ресурсов и эффективных подсказок, которые помогут мне на этом пути.

Исследования могут быть утомительными, когда вы только начинаете. Поиск подходящего учебника может убить вашу мотивацию. Как новички, мы не хотим, чтобы мотивация умирала, потому что это то, что заставляет нас двигаться вперед; и как разработчик, и как человек.

Итак, чтобы избавить вас от лишних хлопот, я перечислил ниже ресурсы, которые помогут вам начать работу в качестве веб-разработчика, и несколько советов, которые оказались эффективными в моих экспериментах.

Для удобства чтения я перечислил все в «Кратком списке», за которым следует расширенный «Длинный список». Вы можете определить, что вам нужно, в коротком списке, а затем перейти к более подробной версии в длинном списке.

* Ничто из перечисленного в этой статье не является заказным или аффилированным *

Краткий список

Лучшие бесплатные уроки

Советы для начинающих веб-разработчиков

Длинный перечень

Лучшие бесплатные уроки

Сюда включены 4 ресурса, из которых 3 - с YouTube, а 1 - на Udemy. В каждом уроке ремесло изображено по-разному, поэтому попробуйте их все и посмотрите, какой из них, по вашему мнению, лучше всего подходит вашему стилю обучения.

Полный курс HTML5 и CSS3 с нуля от freeCodeCamp

Любой урок, который следует после этого, одинаково хорош, но этот курс от freeCodeCamp лучше. Он охватывает все, от начала до конца, о HTML и CSS, и поэтому его продолжительность составляет около 12 часов. Если вы действительно хотите получить максимальную ценность, то сделайте это. Это был третий курс, который я посетил, и лично я считаю, что это лучший бесплатный ресурс.

Для кого это? Абсолютные новички и веб-разработчики среднего уровня.

Продолжительность курса: 12 часов.

Учебник по HTML от Mosh

HTML - это кость веб-сайта, и этот ускоренный курс от Mosh - отличный ресурс для начала. В отличие от других руководств, которые я перечислил здесь, Мош на самом деле следует приличной структуре и качеству своих руководств, что позволяет новичкам быстро понять их ценность. Это недавнее руководство, и это отличный способ начать работу с HTML.

Для кого это? Абсолютные новички в HTML

Продолжительность курса: 1:10 часа.

Ускоренный курс CSS от Traversy Media

Ускоренный курс от Traversy Media посвящен CSS. Они структурировали этот курс, ориентированный больше на абсолютных новичков в веб-разработке, что сделало его легко усваиваемым, охватив только самые основные темы. Это руководство идеально подходит для начала знакомства с основами CSS, поэтому не полагайтесь только на этот единственный корт, если вы хотите подняться на новый уровень в игре.

Для кого это? Абсолютные новички в CSS

Время курса: 1:30 часа

Дополнительное примечание. Ближе к концу видео вы получите шпаргалку по CSS. Вы можете сохранить его для использования в будущем, когда будете работать над новым проектом. По сути, эти ребята также помогают вам сократить время на будущие исследования.

Учебник по HTML и CSS - полный ускоренный курс от DesignCourse

Этот учебник от DesignCourse - еще один из самых свежих и качественных курсов. Они начинают с создания нового проекта для руководства, и вы, по сути, изучите основы веб-разработки, фактически создав новый веб-сайт. Это отличный способ запомнить то, чему вас учили.

Для кого это? Абсолютные новички

Время курса: 2:20 часов

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

HTML и CSS для начинающих от Эдвина Диаса

Это бесплатный курс по Udemy, который познакомит вас с основами HTML и CSS. В отличие от предыдущих руководств, этот курс уступает остальным, поскольку, на мой взгляд, качество объяснений не на должном уровне. Тем не менее, курс по-прежнему понятен, и его стоит попробовать. Вы можете получить сертификат по Udemy после завершения курса, так что это самый большой бонус здесь.

Для кого это? Абсолютные новички

Продолжительность курса: 6 часов.

Дополнительное примечание. По окончании курса вы получите сертификат, который действительно может дать толчок вашей карьере веб-разработчика. Таким образом, несмотря на то, что качество учебного пособия не очень хорошее, оно уравновешивается сертификатом Udemy, который он предлагает.

Советы для начинающих веб-разработчиков

Освойте одну тему, а затем переходите к следующей

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

Метод проб и ошибок многому нас учит, и именно поэтому я продолжаю прогрессировать. Обычно я просматриваю учебник час или два каждый день, а затем трачу еще час на то, чтобы применить полученные знания на практике. Это облегчило мне обучение и избавило нас от давления. Итак, когда вы закончите с темой, просто практикуйтесь, пока не овладеете ею. Воссоздайте то, что вы только что узнали.

Сайты практики дизайна время от времени

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

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

Используйте привлекательный редактор кода с отключенной функцией "предложения при вводе".

Когда вы только начинаете, вы должны делать все, чтобы не потерять первоначальную мотивацию. Среда, в которой вы пишете, имеет большое значение в этом вопросе, поэтому убедитесь, что вы используете редактор, который выглядит привлекательно. Лично я предпочитаю использовать VS Code, и его привлекательный интерфейс действительно делает кодирование для меня увлекательным. Это как бы погружает меня в кодирование.

Важно отметить, что нельзя использовать предложения редактора кода. Как показано на скриншоте выше, редакторы кода будут автоматически предлагать команды по мере ввода. Как новичок, вы должны отключить эту функцию. Кодирование с включенными предложениями повлияет на ваш процесс обучения, и вы в конечном итоге забудете команды, когда будете изучать все больше и больше информации. Просто делайте это традиционным способом и вначале приложите немного усилий. Используйте предложения только тогда, когда вы становитесь развивающимся ниндзя или, по крайней мере, промежуточным разработчиком, чтобы ускорить кодирование и сэкономить время.

Много тренируйтесь, много исследуйте и копайте как можно глубже. Раскройте слои внутри слоев

Изучение учебника - это всегда отличное начало. Но эти курсы предназначены только для того, чтобы научить вас основам, поэтому вы должны отвлечься от предмета и иногда проводить собственное исследование. Иногда веб-разработка может походить на лук; вы выучите команду, но тогда вы поймете, что с ней связано гораздо больше. Это когда вы должны провести собственное исследование, чтобы раскрыть слои.

Не торопись. Обсуждайте наименьшее количество тем каждый день

Как я уже упоминал, никогда не пытайтесь понять все сразу. Есть чему поучиться, поэтому учись медленно и неуклонно. Я изучал не более двух тем каждый день. Это заняло 1-2 часа. Затем я потрачу еще час на то, чтобы попрактиковаться с ним. Это облегчило мне обучение, и я никогда не чувствовал усталости от обучения развитию. Когда вы пытаетесь взять на себя слишком много сразу, вы легко устанете, даже если вы одержимы своим ремеслом.

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

Если у вас есть какие-либо вопросы или вопросы относительно этой публикации, советов или ресурсов, просто дайте мне знать в ответах, и я обязательно отвечу на них. Удачного дня, народ :)