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

Перво-наперво: вам нужно быть любознательным, интересующимся и учиться всю жизнь.

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

Ознакомьтесь с основными элементами HTML и CSS

Веб-страницы в основном состоят из кодов HTML и CSS. Эти два являются основными. Конечно, есть и другие языки, чтобы сделать вещи более интерактивными, стилизованными, анимированными, адаптивными и/или отзывчивыми, например, jQuery, Python, Ruby on Rails и JavaScript. Но для начала сосредоточьтесь на HTML и CSS. Это то, что вам нужно, чтобы начать создавать веб-страницу с нуля.

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

СайтПоинт

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

Канал 9

Это страница уроков из 21 эпизода, которая учит основам веб-страниц и кодирования. Предназначен для абсолютных новичков, будьте готовы потратить от 6 до 48 минут на серию. Если вы хотите перейти к эпизодам, на которых, по вашему мнению, вам нужно сосредоточиться больше, уроки совершенно бесплатны и их можно смотреть в любом порядке и в любое время.

w3ресурс

w3resource — одобренный сообществом разработчиков комплексный ресурс по всему, что связано с веб-разработкой. Он предлагает обширную базу уроков веб-разработки, а не только HTML и CSS. Его учебные материалы сгруппированы по функциям. Первая категория содержит набор языков, необходимых для разработки внешнего интерфейса, и здесь вы найдете HTML и CSS. Другие категории включают учебные пособия по языку для внутренней разработки, управления базами данных, обмена данными и API.

HTML Собака

Сайт HTML Dog, основанный в 2003 году, содержит руководства по HTML, CSS и JavaScript. Их цель — публиковать легко усваиваемые учебные материалы, чтобы поощрить новичков и тех, кого пугает программирование. Уроки подразделяются на различные главы и уровни, от начального до продвинутого, и дополнительно структурированы по содержанию, которое показывает, что вы узнаете за урок.

Шэй Хоу

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

После того, как вы закончите с учебным пособием «Создание своей первой веб-страницы», вы можете перейти к расширенному учебному пособию для более глубокой разработки внешнего интерфейса.

Сеть разработчиков Mozilla

Этот сайт содержит исчерпывающий список ссылок на различные руководства и учебные материалы, подготовленные компаниями и разработчиками. Есть много уроков на выбор, не только HTML и CSS. Поскольку они выбраны разработчиками, вы можете быть уверены, что контент, на который ведут ссылки, заслуживает доверия, а уроки ориентированы на разные уровни, от начального до продвинутого.

Мемрайз

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

Вот ссылки на некоторые полезные уроки о важных кодах HTML, HTML5, CSS и CSS3:

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

W3C

W3C, сокращение от World Wide Web Consortium, состоит из международного сообщества органов власти, объединяющихся с компаниями, другими сообществами-членами, штатными сотрудниками и общественностью для организации, поддержки и разработки веб-стандартов. Посещение сайта для получения последних новостей и обновлений, касающихся веб-стандартов, может помочь вам отточить и соответствующим образом адаптировать свои навыки.

W3Школы

W3Schools, широко признанный профессиональными разработчиками веб-сайтом для «нубов», предлагает достойный опыт обучения и среду для тех, кто только начинает изучать программирование. У них есть структурированный список уроков, который может с комфортом пройти любой новичок, дополненный примерами и симулятором для практики. W3Schools также предоставляет сертификаты, но вам придется заплатить за них.

WebPlatform.org

WebPlatform.org является результатом сотрудничества W3C с Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera и Nokia. Основная функция WebPlatform.org — служить хостом для всей документации по веб-разработке. Любой желающий может присоединиться и принять участие в обсуждениях. Вклад и сотрудничество настоятельно приветствуются, что возможно через платформу MediaWiki.

Мгновенная смена

Если вы постоянный посетитель, мы знаем, что вы уже знаете. Но для последовательности InstantShift, как показывает его фрагмент About, представляет собой сообщество для веб-разработчиков и дизайнеров. Этот блог, созданный несколькими авторами, предлагает широкий спектр ресурсов, статей и руководств, а также бесплатные темы, на которые дизайнеры и разработчики с разным опытом и уровнями знаний могут ссылаться, чтобы либо освежить свои знания, либо черпать вдохновение. Категории статей включают, среди прочего, веб-дизайн, WordPress, CSS, учебные пособия, инструменты, бесплатные материалы, фотографии и значки.

Участвуйте в онлайн-занятиях/курсах

Гарвард CS50

Курс edX, проводимый Дэвидом Дж. Маланом, профессором Гарвардского университета, который изучает этот вводный курс по компьютерным наукам, — это инвестиция на вес золота, удивительно, что они не берут за это плату. В первую очередь поэтому многие люди, которые учатся всю жизнь, во всем мире благодарны за возможности, которые МООК (массовые открытые онлайн-курсы) предоставляют тем, кто не может позволить себе поступить в престижные университеты, такие как Гарвард. Языки, которые вы будете изучать, будут включать C, PHP, JavaScript, SQL и, конечно же, CSS и HTML. Если вы хотите использовать этот класс для кредита, вам придется заплатить за сертификацию.

Тутс+

Tuts+ содержит множество учебных пособий и курсов на выбор, от кодирования до иллюстраций, дизайна и разработки мобильных приложений. На Tuts+ есть бесплатные курсы и учебные пособия, но для премиум-доступа требуется оплата от 15 до 360 долларов в месяц в год. Они предлагают 14-дневную бесплатную пробную версию.

Дом на дереве

Treehouse — это платный сервис, предназначенный для обучения веб-разработке, дизайну и разработке мобильных приложений. Базовый доступ стоит 24 доллара в месяц, а профессиональный — 49 долларов. Сайт также оборудован форумами, рабочими пространствами, зоной конкурсов и задач, зоной дополнительных уроков и конференций, живыми семинарами, библиотекой и сообществом, с которым вы можете связаться и взаимодействовать.

Упражняться

Практика делает лучше, если не идеально. Практикуясь, вы позволяете своему мозгу совершать активные, творческие действия, которые будут стимулировать лучшее обучение и запоминание, в отличие от простого чтения и просмотра учебных пособий. Дополните свое обучение, практикуясь с МООК, такими как:

Кодакадемия

Регистрация в Codecademy бесплатна, а уроки упрощены для новичков. Вы можете видеть, как ваши коды HTML и CSS преобразуются в веб-страницу, когда они отображаются в реальном времени рядом с вашим текстовым редактором, меняясь по мере продвижения. Также есть форум, где вы можете поделиться своими вопросами и ответами с сообществом.

Код Мстители

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

Вдохновиться

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

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

Создать портфолио

Чтобы сделать себя более заметным для клиентов, необходимо иметь портфолио. Существует множество сайтов для размещения портфолио, но вот два примера:

ПортфолиоБокс

С хостингом домена, интеграцией с социальными сетями, поисковой оптимизацией, встроенной панелью статистики и функцией отправки информационных бюллетеней PortfolioBox заслуживает внимания. Он также имеет встроенную поддержку смартфонов и планшетов, поэтому ваш веб-сайт выглядит так же великолепно при просмотре с любого устройства. PortfolioBox предлагает бесплатную учетную запись, в которой можно разместить до 40 изображений, и после регистрации вы сможете использовать функции Pro в течение 30 дней. Pro стоит 6,90 долларов в месяц и оплачивается ежегодно.

Дрибббл

Сайт разработчиков, который служит платформой для демонстрации и рассказа другим разработчикам. Dribbble позволяет вам делиться скриншотами ваших процессов, работы и проектов. У него есть функция, похожая на социальные сети, которая показывает, сколько просмотров, лайков и комментариев вы получаете.

Получайте оплату за работу

Продолжать тренироваться и практиковаться продуктивно, но ничто не сравнится с оплачиваемым обучением, которое, по сути, и означает получение оплаты за ваши навыки. Вы применяете и оттачиваете свое мастерство, и в конце концов кто-то извлекает выгоду из его ценности и платит за это. Сайты фриланса, такие как ProgrammerMeetDesigner, GetACoder и AuthenticJobs, — это лишь некоторые из мест, где нанимают программистов и дизайнеров. В этой несколько устаревшей статье с сайта Hongkiat.com перечислены 50 сайтов по трудоустройству фрилансеров для дизайнеров и программистов, большинство из которых все еще набирает обороты.

Быть частью сообщества

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

Управляйте своими проектами

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

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

Какие-либо другие ресурсы, которые мы не упомянули?

Источник записи: instantshift.com