Введение в обучение веб-программистов: первые шаги на пути к престижной профессии. Практическое руководство для обучения веб-программированию

От автора: здравствуй, уважаемый читатель нашего блога! Наверняка, ты слышал множество стереотипов о веб-программистах. Многие думают, что разговаривают они на каком-то особом языке, где вместо слов - код. А еще они ночные существа, да и вообще практически не спят. Программист никогда не снимает наушники и не выпускает из рук мышку. А если мышки в руках нет, то он увлеченно выводит на бумаге, планшете или пыльном столе какие-то загадочные символы. Конечно, это не более чем стереотипы. Иначе не было бы столько желающих узнать, как стать веб-программистом с нуля. Давайте удовлетворим их любопытство и расскажем об этой интересной и востребованной интернет-профессии.

Итак, ты задумался над тем, как стать веб-программистом с нуля. Но кажется, есть небольшая проблемка… У тебя совершенно нет опыта. Как сделать так, чтобы тебя воспринимали всерьез на этом поприще? Предлагаю ознакомиться с перечнем шагов, которые необходимо сделать, чтобы носить гордое звание веб-разработчика. Ты даже удивишься, насколько все просто. Для начала нужно отбросить все сомнения на своем пути. А заодно и лень. Поехали!

Краткая информация о рассматриваемой профессии

Объект исследования: веб-программист, он же веб-разработчик, он же девелопер, веб-мастер и невидимый архитектор Интернета. Вот сколько имен.

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

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

Виды веб-мастеров: все зависит от того, каким клиентским или серверным языком владеет специалист. Например, ASP.NET, Perl, C#, Java, PHP, на которых также могут создаваться разработки или движки для сайтов - CMS. Существуют бесплатные (Joomla, WordPress) и платные (Битрикс, SiteEdit) движки. Особо одаренные программеры могут создавать свои собственные движки.

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

Шаг первый - выбери специализацию

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

Front-end или Back-end?

React.js или Angular.js?

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

Хотя, чтобы определиться со специализацией, тебе, возможно, понадобится попробовать всего понемногу. Ты должен ЛЮБИТЬ свое занятие. Поэтому пока забудь о деньгах. Подумай, что тебе ближе? Тебе хочется днями и ночами писать код? Или, может быть, разрабатывать интерфейсы? А может, тестировать сайты?

Шаг второй - ознакомься с основами всех областей веб-разработки

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

HTML и CSS.

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

Вот что нужно изучить на тему HTML:

тэги, атрибуты, элементы;

заголовки;

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

параграфы;

изображения;

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

PHP.

Далее, язык PHP. На рынке полно вакансий для PHP-разработчиков. Этот язык относительно несложный и прекрасно подходит для начала карьеры. Здесь тебе нужно знать синтаксис самого PHP и баз данных MySQL, их основные функции и команды, jQuery, AJAX, CMS, CSS, ну и, конечно же, HLML. Вот неплохой .

JavaScript.

Еще один чрезвычайно популярный язык, который запускается почти везде, - это JavaScript. У него чрезвычайно широкая сфера применения. На нем пишутся приложения для Android, десктопные и веб-приложения; его поддерживает все браузеры и платформы (мобильные устройства, компьютеры, сервера и т. д.).

При изучении основ JavaScript тебе понадобятся: данные и переменные, условия, события, массивы, циклы, объекты, функции, обратные вызовы, DOM, логика, JSON, .

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

До cих пор мы рассматривали, так называемую, Front-end разработку, которая предназначена для взаимодействия с пользователями. А есть еще код, работающий на сервере - Back-end. Если ты решил стать бэкенд-разработчиком, то советую ознакомиться с Node.js, который запускает JS-код на сервере, библиотекой Express и базой данных MongoDB.

Шаг третий - получи реальный опыт

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

Затем начни работать на кого-то еще:

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

поработай в офисе. Если повезет, станешь там веб-программистом с нуля и поучишься у профессионалов;

поищи заказы на биржах фриланса и специализированных форумах. Там всегда есть работа для разработчиков.

Не забывай постоянно пополнять свое портфолио. Без него будет тяжеловато найти адекватных заказчиков.

Если ты прочитал мою статью и не заинтересовался ни фронтенд-, ни бэкенд-разработкой, возрадуйся, веб-программирование - не для тебя. Чему здесь радоваться? Да тому, что ты вовремя это понял и не потерял кучу денег, нервов и времени.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Если разобраться, то каждый из нас ежедневно занимается программированием. Не верите? Но ведь вы устанавливаете будильник на своем телефоне на определенное время. Или задаете программу для стиральной машины, мультиварки.

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

Программирование сегодня

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

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

Под технологией понимается хорошо зарекомендовавший себя и устоявшийся способ (подход) реализации определенных задач и функций с применением нескольких языков программирования.

Одной из таких технологий является ASP.Net . Она построена на основе устаревшей платформы Asp с использованием одного из языков .Net. Чаще всего применяются C# и Visual Basic. ASP.Net является серверной технологией, применяется для построения сайтов и веб-сервисов:


Но эта связка не является основной, используемой для построения современного виртуального пространства. Чаще всего для создания веб-ресурсов применяют язык программирования PHP и MySQL . Конечно, все эти составляющие «густо приправлены » CSS и HTML кодом.

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

Веб-программирование

В самом начале зарождения современного виртуального пространства использовался лишь один язык гипертекста (HTML ). Именно он является тем, с чего начинается веб программирование. Со временем возможностей его тегов и атрибутов для оформления веб-страниц стало мало. Поэтому был реализован специальный стилевой язык элементов CSS .

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

Очередным этапом в эволюции интернета стало появление динамически изменяемых ресурсов. До этого все сайты были статическими и не могли изменять свое содержимое в ответ на действия пользователя. Частично это ограничение удавалось преодолеть с помощью встраивания в HTML блоков кода Java Script .

Но такой подход не давал возможности реализовать создание веб-страницы «на лету ». Кроме этого использование Java Script не позволяет полностью скрыть его код, что существенно снижает безопасность ресурса.

Создать динамически изменяющиеся ресурсы удается лишь благодаря использованию серверных языков программирования. Основным из них является PHP .

Программирование на PHP является основным способом создания динамических ресурсов и страниц в интернете.


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

И в ответ на запрос браузера клиента быстро извлекать данные, необходимые для генерации. Чаще всего используется система управления базами данных (СУБД ) MySQL . Это нужно учитывать при принятии решения о том, с чего начать web программирование.

Теперь давайте подведем итоги по сказанному выше:

  • В основе любого сайта лежит HTML и CSS ;
  • Наиболее распространенным является динамический тип веб-ресурса;
  • Основным серверным языком является PHP ;
  • Кроме PHP в создании динамических веб-страниц используют СУБД MySQL .

Все перечисленные дисциплины являются базовыми. Их основы являются тем, с чего начинают изучение программирования для веб.

Прикладное программирование

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

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

Наиболее перспективные языки программирования прикладного уровня:

  • C/C++ — то с чего начинают обучение программированию. Несмотря на свой солидный возраст, эти языки остаются актуальными и сейчас. Тем более что C является основным языком, на котором написана операционная система Windows :


  • C# — дальний потомок предыдущих языков. Входит в состав пакета .NET от Microsoft . Используется как в прикладном программировании, так и для создания веб-приложений на основе технологии asp.net ;
  • Java – кроссплатформенный язык. Основа, на которой базируется популярная сегодня мобильная операционная система Android. Разработка приложений под эту операционную систему является весьма перспективным направлением:

Как изучать

Если вы новичок и не знаете даже основ программирования, то изучение лучше всего начать с C или С++ . Большая часть остальных языков имеет схожий с ними синтаксис и структуру.

Также важно правильно подобрать основные источники информации. Лучше всего, если это будут книги по программированию. Благодаря вводу кода примеров вручную новичок быстрее запоминает структуру и основные элементы языка.

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

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

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

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

«Я решил научиться программированию. Мне нравится веб, но я не знаю, с чего начать»

Как и в любой другой дисциплине, изучение программирования нужно начать с основ всех областей веб-разработки - часто это называют «full stack». «Это поможет определить область, в которой вам интереснее обучаться, и даст базовые знания для старта», - пишет Сорор.

Основы HTML

Разработчик советует начать с изучения основ HTML. «Начав с этого вы освоите разработку пользовательских интерфейсов и взаимодействие с ними. Кроме того, вы сразу увидите результат работы вашего кода», - отмечает преподаватель.

«Я знаю основы HTML»

Основы JavaScript

«JavaScript - язык веба, все популярные браузеры (Chrome, Firefox, Safari, IE) имеют встроенную поддержку JavaScript. Каждый сайт или веб-приложение, которым вы пользуетесь, наверняка имеет большое количество JavaScript-кода внутри. Кроме того: язык сейчас становится популярным и на других платформах - например, серверах, рабочих столах и устройствах».

«Я знаю основы JavaScript и HTML»

CSS

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

Бэкенд

«К этому моменты вы получили знания для так называемой "фронтэнд-разработки". Теперь можно переключиться на "бэкенд". Это код, которые работает на сервере», - пишет Сорор. - Существует множество бэкенд-языков, но так как вы уже знакомы с JavaScript, я рекомендую изучить Node JS (программная платформа - прим. ред.). В дополнение к Node JS можно изучить Express и Mongo DB».

Express - библиотека, которая позволяет облегчить взаимодействие Node JS с веб-сервером. Mongo DB - база данных для хранения и получения информации.

jQuery

JS-фреймворки

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

React JS

React был разработан Facebook и работает с архитектурой Flux . Это JavaScript-библиотека для создания интерфейсов. Недавно React обошел по популярности другую распространенную библиотеку Angular, поэтому лучше начать изучение фреймворков именно с него, отмечает Сорор. Бесплатный курс для изучения React.

Angular и

Angular - разработка Google. Фреймворк по-прежнему популярен среди разработчиков. После анонса Angular Google решил полностью переписать фреймворк и запустил Angular 2, поэтому получилось две совершенно разных разработки с одинаковым названием.

Фреймворк Angular 1 можно изучить бесплатно на Code School . Познакомиться с Angular 2 можно при помощи бесплатных видео .

Ember JS

Фреймворк не такой мощный, как разработки Google и Facebook, однако он набирает популярность среди разработчиков. Официальная документация Ember JS.

«Я хочу стать бэкенд-разработчиком»

«В бэкенд-разработке существует множество языков, у каждого есть свои минусы и плюсы», - пишет преподаватель. Он также приводит график их популярности за последние 10 лет:


Языки программирования, обозначенные зеленой рамкой, - те, на которых стоит сфокусировать своё внимание, считает Сорор.

Java

Очень популярный язык программирования, разработанный компанией Sun Microsystems (сейчас принадлежит Oracle). Java используется для разработки приложений для Android. Его также можно использовать для создания компьютерных и веб-приложений.

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

C#

Язык разработан компанией Microsoft как альтернатива Java. Как и Java, C# является объектно-ориентированным языком программирования и может использоваться не только для разработки веб-приложений, но и программ для настольных операционных систем. Бесплатный курс по изучению C# от Microsoft Virtual Academy.

Python

За Python нет никакого крупного бренда. Однако этот язык позволяет вести быструю разработку. Сайт с бесплатными уроками для изучения Python.

Ruby

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

Лучшее место для изучения Ruby - RubyMonk , считает разработчик.

Практика

Перед выполнением практических задач Сорор рекомендует сразу создать профиль на сайте GitHub - онлайн-репозитории для хранения, управления и публикации кода. Знакомство с платформой можно начать с инструкции “Hello World" или интерактивного курса .

Начать разработку можно с создания собственного блога (инструкция для программирования блога на React и Node) или календаря (инструкция для программирования календаря на C# и.Net).

Бесплатные уроки можно найти и на Free Code Camp :

  • Таймер «Помодоро» (фронтэнд).
  • Трейдинг-клуб (фулстэк).

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

Первый шаг

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

Конечно, на теории дело не закончится, все полученные знания нужно пару десятков раз применить на практике — тогда они вобьются в вашу голову намного лучше, так что, даже есть после этого разбудить вас ночью, и спросить: «а как работает в css @keyframes?» — вы все подробно расскажете.

Итак, этот самый первый шаг заключается в том, чтобы узнать, что вам нужно. Для этого рекомендую перейти на очень популярный ИТ-портал — Geekbrains . Там, немного прокрутив страницу, вы можете увидеть, по каким направлением обучают на портале. Нас интересует профессия веб-разработчик — это и есть веб-программист, по сути.

Тут в самом низу вы можете увидеть то, что будете изучать, если оплатите обучение.

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

Что должен знать веб-программист?

Итак, как видите, это:

  1. HTML/CSS — базовые языки разметки и оформления веб-страниц, без них невозможно представить себе сайтостроение. Это — основа, самые простые технологии, которые вы должны изучить в первую очередь.
  2. PHP — основное оружие веб-программиста. С помощью этого языка создаются социальные сети, интернет-магазины, фреймворки, движки и много чего другого. Именно благодаря нему работает большинство онлайн-сервисов, формы комментариев, регистрации на сайтах и т.д.
  3. JavaScript — язык программирования специально для веб, с его помощью страницу можно программировать так, чтобы при различных событиях ее дизайн менялся. Например, при клике по окну оно расширялось и т.д. Примеров можно привести очень много.

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

Где все это выучить?

В моем понимании есть 3 основных способа обучаться на веб-программиста:

  1. Читать бесплатные статьи и материалы в интернете, смотреть бесплатные видеоуроки и курсы. Так вы можете получить базу, но дальше начального уровня не продвинетесь!
  2. Покупать платные курсы. Этот вариант избрал я, так как сайтостроение я изучаю не для работы на компанию, а на самого себя, поэтому меня устраивает обучение по курсам. 1 толковый курс в рунете стоит от 3 до 7 тысяч рублей. Лично я потратил на курс всего около 40-50 тысяч рублей и не жалею, т.к. уже получил много знаний, которые смог применить на практике и начать зарабатывать.
  3. Купить полноценное удаленное обучение с наставником. Это самый дорогой вариант, который обойдется в 40-150 тысяч рублей. Конечно, в плане эффективности он является самым лучшим. Такое обучение, к примеру, можно купить в онлайн университете Geekbrains .

Хорошими площадками для получения базовых знаний по html, css, php и js будут Magisters.org , HtmlAcademy.ru и премиум раздел Web4myself.com (хоть он и платный, но доступ в него всего 500+ рублей в месяц, а уроков там тьма).

Ну а наилучшим вариантом я вижу тот же Geekbrains — потому что здесь все платно и по серьезному, вас доводят до реальных результатов в виде созданных вашими руками сайтов, а не просто дают голую устаревшую теорию. Плюс там можно получить консультации реального наставника.


Как видите, обучение на веб-разработчика стоит 6-8 тысяч рублей в месяц и продолжается аж 11 месяцев, после чего, если вы не халтурили, вы становитесь действительно востребованным специалистом. Я понимаю, что это может быть дорого для большинства из вас, но это самый короткий путь к тому, чтобы стать профи в этой профессии.

По итогу можно получить такое приличное резюме:


И такие навыки:

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

Например, за одиннадцать месяцев Geekbrains обещает вас обучить таким технологиям: HTML/CSS, PHP, JS, NodeJS, AngularJS, Yii . С другой стороны, для того, чтобы найти простую работу или начать делать сайты для себя, вам необязательно знать все это. Я уже говорил, что является базой. Это html, css, php, javascript. Но дело в том, что с каждым годом требования к веб-разработчикам растут и если вы хотите серьезных результатов, так или иначе придется изучать современные технологии и тенденции.

Курсы по PHP и фреймворкам


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

Книги тоже имеют право на жизнь. Для расширения своих знаний в любой сфере читать их полезно. И по php почитать можно много чего. Например, такое.

Необязательно знать все

Если вы изучили только javascript (а php — нет), то сможете работать front-end разработчиком, а если наоборот — попробуете свои силы в back-end . В общем-то, даже имея небольшие знания, уже можно что-то заработать на сайтостроении, но чем больше вы будете знать, тем больше ваш потенциал.

Здравствуйте.

Если бы вы сейчас захотели начать учиться веб-программированию, то с чего бы вы начали? Какой язык, фреймворк, технологию выбрали бы?

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

С обычным программированием я дружил с детства: бейсик и ассемблер на спектруме. Потом технический вуз (а учиться я начал в конце 90-х), в котором: функциональное программирование на паскале, немного ассемблера x86, а после объектное на Delphi, немного С++, и даже чуть-чуть экзотического ЛИСПа. Но жизнь с ложилась так, что научиться именно программированию для веб мне не удалось.

Сейчас я проектирую сайты, рисую прототипы и дизайн страниц и интерфейсов. Поверхностно понимаю что и как работает.

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

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

Я умею верстать (хотя и тут мои знания уже устарели), но не понимаю как работает анимация, например, или управление блоками на странице или реакция на действия пользователя. Я знаю, что все пользуются JQuery для этого и он уже вытеснил Javascript, но не понимаю как все работает.

А ведь без понимания процессов, того как все работает, вряд ли удастся сделать что либо, сколько мануалов не читай, CMS и фреймворков не потроши.

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

Я хочу заняться самообразованием в этом направлении.

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

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

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