Как можно продолжать обучение?

Question

[SQLpodavan228]

Начал изучать 3 месяца назад с нуля html+css, 2 месяца ушло на html+css, научился делать простые лендинги, даже бургер-меню на checkbox вместе с адаптацией, сейчас с января получилось изучить js до 6kata(то что сам решить могу) на codewars, дальше 6 ката не могу идти, две недели бился об них и практически безрезультатно, решил не тратить настолько много времени на задачи и перейти к практике с dom, но здесь мои размышления расходятся, а именно в том, что такое по-настоящему интеграция js в свои проекты, верстку? На codewars передо мной стояла точно заданная задача, которую надо решить, а здесь какой-то тупик. Как можно дальше развиваться? Что можно учить? На протяжении месяца пока учил js к вёрстке не прикасался, основная не укладка в моей голове в том, как эти две вещи совместить воедино

Comments

[Артем Золин]

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

[SQLpodavan228]

Хорошо, попробую задаться этой целью, спасибо

[szQocks]

SQLpodavan228, вопрос в том как js взаимодействует с дом ?

[Сергей delphinpro]

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

[SQLpodavan228]

Сергей delphinpro, Хорошо, понял, а то я изначально думал, что нужно дойти до 5 kata хотя бы и выучить алгоритмы для продолжения

[ThunderCat]

SQLpodavan228,

а то я изначально думал, что нужно дойти до 5 kata хотя бы и выучить алгоритмы для продолжения

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

[SQLpodavan228]

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

Answer 1

[Рамиль Яббаров]

По поводу реакта,
Есть классный учебник https://learn.javascript.ru/
По моему до Реакта его надо полностью изучить, что такое промисы и всё прочее.

А поводу "две вещи совместить воедино"
Хорошо зная основы, делать мини проекты, например
https://javascript30.com/

И на ютубе поискать что-то типа этого, где больше вёрстки
https://www.youtube.com/watch?v=MIYQR-Ybrn4&list=P...

З.Ы. и на будущее в закладки
https://svag.group/ru/guide/dev-web-iserdmi/lesson...
бесплатный курс

Comments

[Denis Parmeev]

Есть момент по сайту https://learn.javascript.ru/, на нем есть ошибки, не рабочий код или просто устаревший контент, из свежего рекомендую https://doka.guide/, или великий и могучий https://developer.mozilla.org/ru/ aka mdn

Answer 2

[Антон Иванов]

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

Comments

[SQLpodavan228]

Сразу брать фреймворки думаете?

[Михаил Р.]

Второй сейчас чуть более популярен.

Vue популярнее react, серьезно?

[Антон Иванов]

Да вы правы, наверное тут я перегнул

[Антон Иванов]

SQLpodavan228, вы спросили, я ответил. Я не знаю ваших способностей, уровня знаний, упорства и тд и тп. Можете прислушаться, Можете проигнорировать.

[Антон Иванов]

SQLpodavan228, тут ведь какое дело, на нативном js, css, html сейчас мало кто пишет. Если вы хотите развиваться профессионально, вы рано или поздно придёте к фреймворку. Попробуйте, будет сложно, непонятно, значит вам пока рано.

[Paul Petrov]

Если человек не понимает как это увязать в базе, то ему точно рано в библиотеки вроде React и фреймворки. Это будет само, но чуть позже.

Есть хороший совет как подтягивать использование языка - https://qna.habr.com/answer?answer_id=2482982#answ...

Автору вопроса: JS помогает управлять поведением элементов, помогая решать нужную вам хотелку / задачу. Он не интегрируется в вёрстку, словно отдельный продукт, это скриптовый язык, который нужен, чтобы вы могли управлять свёрстанными вами элементами на странице: их реакцией на нажатия по ним кнопки мыши или клавиатуры и на прочие события, можно управлять их html-атрибутами, создавать программно собственные элементы и вставлять в нужное вам место на странице и т.д. Для этого существуют браузерные API, которые помогают во взаимодействии с элементами на странице, запросами данных и многим другим.

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

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

Всё получится. )

Answer 3

[zyvy]

Дальше RS School

Answer 4

[SlavaSch]

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

Я лично проходил 3 курса: подготовительный, основной по фронтенду и курс по реакту. Перед этими курсами сам только прочитал книгу по html и css и изучил основы js, сверстал простой лендинг с минимальным количеством js. После RSSchool ещë прошëл курсы от тинькофф, они тоже бесплатные, но могу их рекомендовать не как место получения знаний, а как некий аналог стажировки и возможность себя проявить. После этого уже устроился на первую работу фронтендером.

Ну и ссылки:
1. Сайт школы
2. Программа подготовительного курса (там есть ссылки на модули с заданиями)
3. Программа основного курса (состоит из двух частей - раз и два)

Остальное думаю найдешь у них на гитхабе без проблем)

Успехов в обучении, всë обязательно получится!)

Answer 5

[Александр Лисин]

Если ты не понимаешь как взаимодействует js с дом деревом - то попробуй например переписать свой бургер с чекбокса на button, чтобы по клику показывалось меню (обычно эти вещи так и делаются, а не через чекбокс). Как сделаешь бургер, делай выпадающее меню(не используя тег details), и так далее ты пойдешь кар работать с дом деревом и эти вопросы у тебя отпадут.
P.S. Если у тебя щас есть такие вопросы значит - смотреть в сторону фреймворков тебе ещё рано, изучи нормально основы js и только потом приступай к изучению фреймворков, имхо.