Нас продолжают обманывать сервисы онлайн-образования на «Чёрную пятницу» в 2021?

Спасибо за ценный комментарий. Хочу добавить кое-что из своего опыта.

2. Базу фронта не рекомендую изучать на freecodecamp — разве что азы по вёрстке. Там даже нет JavaScript DOM, не говоря уже о React/Vue. Также не советую пытаться изучать по MDN — это отличный источник когда ты уже знаешь базу и можешь прочитать эту документацию.

Из бесплатного рекомендую YouTube-каналы, в частности NetNinja (есть всё) и DevEd(только верстка). Из платного — DevEd (HTML, CSS), NetNinja (js, Vue, react) и John Smilga (React) на Udemy.

Лучше платное – курс стоит косарь, зато намного больше практики, чем на ютубе.

4. Не советую практиковаться на codewars и leetcode — бесполезная трата времени на старте. Это ни собес не поможет пройти, ни портфолио собрать, чтобы вас на этот собес позвали.

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

Чтобы попрактиковаться в сборке проекта используйте Frontend Mentor. Там уже есть клёвые макеты для вас, это бесплатно. Не нужно ломать голову сразу и над дизайном и вёрсткой, можете сфокусироваться на коде.

6. Работы заливайте на Github Pages — легко и удобно и вам, и тем, кто будет смотреть их.

7. Cheat Sheets делайте сами после прохождения какого-то модуля в курсе. Прошли методы работы с массивами в JS — собрали себе табличку в Notion с самыми простыми примерами и ссылкой на MDN.

Я бы в целом не стал изучать что-то только по одному источнику. Сам учил HTML/CSS/JS на freeCofeCamp, DOM, JS, Sass у Teaversy media, React, Firebase, Node.js у Ninja и т.д. Обычно у нескольких авторов смотрю, чтобы закрепить знания и узнать что-то новое, о чем первый автор не сказал.
Leetcode и Codewars я и написал как практику, когда какая-то база языка уже есть. Решать задачи и смотреть на решения других людей - максимально полезно.

Сколько времени ушло на подготовку инглиша)?
Вы же до этих площадок чем занимались?

Я и не говорил, что нужно изучать всё по одному источнику.

Я про то, что «изучать базу фронта на FreeCodeCamp и MDN» — плохой совет.

Документация для новичка это как белый шум, ничего не понятно, а это испгуает и демотивирует. А на FCC есть разве что база по вёрстке, но никак не фронта. О каком фронте может идти речь, если там в разделе по JS нет DOM?

Также я не понимаю, каким образом практика на CodeWars и Leetcode поможет новичку. Это пустая трата его времени. Лучше делать проекты — без них тебя не позовут на собес, без них ты не сможешь ни одну задачу решить на работе. Да и тестовые, и тех.интервью в 99% случаев про «сделай что-то на Реакте».

Это хорошие инструменты фо фан или для отработки алгоритмов/структур данных перед собесом в какой-нибудь гугол (это не задача новичка, скорее мидл+).

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

Спасибо за ответ, приятно когда люди умеют адекватно дискутировать.
Пройдусь по порядку.
Лично мое мнение - freeCodeCamp является лучшим бесплатным источником для начала изучения фронта. Подчеркиваю слово "начала". Да, там нет многих вещей, но это основа, которую так или иначе нужно изучать новичку.
Человек ознакомится с азами HTML, CSS и JS и уже после этого будет логично перейти к изучению Web API. А DOM как раз и является Web API, как и много других полезных и нужных вещей типа Fetch API или того же Clipboard API.
Хочу чтобы вы правильно поняли мою точку зрения. Задача новичке не заключается в том, чтобы за неделю научиться делать простенькие проекты, где будут манипуляции с DOM. Сначала нужно понять, как работает язык, а затем переходить к инструментам, с которыми язык может работать.
Попросите джунов рассказать, что такое call stack, event loop, queue и в большинстве случаев вы получите невнятный поиск истины за счет подсказок.
Поэтому я и писал что не стоит воспринимать FCC как единственный источник для обучения азам фронта. Это просто оснва для того, чтобы двигаться дальше. Я и сам работу с DOM изучал у Traversy Media.
—---
По поводу Codewars и Leetcode.
У новичков при написании кода возникает сразу две проблемы:
- Как решить поставленную задачу
- Как написать правильный код для этого решения
Из-за того, что они еще не набили руку, вместо фокуса на решении проблемы новички идут в гугл и смотрят, как отфильтровать массив, как обрезать массив, как убрать что-то откуда-то и т.д. То есть, все внимание фокусируется просто на том, как бы написать код который будет худо бедно работать.
Codewars и Leetcode можно воспринимать как задачи со звездочкой. После изучения материала выделяешь 30-60 минут и пытаешься решить какую-то простую задачу. Пробуешь разные варианты, начинаешь лучше понимать код. Смотришь на то, как проблему решили другие люди и какие методы для этого можно использовать. В следующий раз у человека будет больше времени на то, чтобы фокусировать внимание на решении проблемы или более сложной задачи, нежели на простых задачах.
Когда я проходил задачи на Codewars, мне это очень помогло в дальнейшем быстро писать простые алгоритмы, в том числе и за счет решений других пользователей. Нашел для себя много интересных подходов и просто подсказок, о которых ранее не задумывался.
—---
Вы правы по поводу последнего. Описать какой-то детальный роадмап для новичков будет гораздо эффективнее чем просто набор ссылок. Но это уже вопрос отдельной статьи, а не комментария :)

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

Без этого дополнения список материалов воспринимался не так, теперь всё встало на места)
Спасибо что разложили свою точку зрения.

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

Спасибо за развернутый ответ.

FCC лично мне не нравится тем, что даёт знания, которые не очень соответствуют тем, которые потом понадобятся на проектах. Я бы посоветовал новичкам скипать FCC и сразу учиться по курсам ребят, которых указал выше. Можно пройти там HTML/CSS и сделать предложенные проекты — это будет полезно, но ветку js можно даже не начинать. Там легко запутаться — DOM нет, зато зачем-то Regex и алгоритмические задачи. Можно надолго застрять на этом, а краткосрочного профита будет ноль, человек может забросить. Я, кстати, не помню, чтобы там было про call stack, event loop и проч.

Кстати, зачем просить джунов рассказывать про call stack, event loop и queue? Как это связано с задачами, которые они будут делать первое время? Кажется, что когда возникнет запрос на понимание того, как работает event loop в контексте боевой задачи, тогда и зайдет эта тема. А так лучше джуну дать простую задачку на фреймворке, который он изучал. Открыть редактор и вместе пообсуждать ход решения. На мой взгляд, бесполезная теория на старте, а готовиться к интервью, где это могут спросить — это как билеты в универе гриндить перед экзаменом.

Насчёт Codewars соглашусь. Польза есть после изучения методов работы со строками и массивами. Помогает понять и, возможно, даже запомнить всякие .map, filter, reduce (которые будут полезны в Реакте) и split, join, slice, push, pop, и подобные, которые довольно универсальны. Ну и формируется положительное подкрепление («я могу прогать!»). Просто на это можно заложить несколько часов, и не заменять этим практику проектных задач, которая намного важнее. А ещё, по моему опыту, Quizlet помогает запомнить методы лучше, чем Codewars, а собственный cheatsheet под рукой сэкономит время гуглежа и вспоминания.

То что люди делают плохие, сломанные, с плохим дизайном однотипные проекты — ожидаемо, они же только учатся :) со временем будут делать классные проекты. А в плане дизайна лучше взять макет с frontendmentor и не делать себе мозги, либо на всяких сервисах с дизайн-макетами полазить. Конечно, разрабы не сильны в дизайне.