Как учить JavaScript c практикой

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

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

попробовал по советам по запросу front-end challenges поискать сайты, вот нашел какой-то https://www.frontendpro.dev/fr... challenges
там есть какие-то задания усложняющиеся но мало объяснений как делать то что нужно, непонятно пока стоит ли оно того.

может еще что посоветуете чтобы лучше училось?

0

trofey2, когда что-то начинают изучать (обычно), то делают это из интереса. А когда интересно, то ковыряются с этим постоянно, с учебником или без. По идее, ты сам себе можешь придумывать практику. А если не можешь, то зачем вообще начал изучать язык?

0

Сообщение от Usaga По идее, ты сам себе можешь придумывать практику. А если не можешь, то зачем вообще начал изучать язык?

У кого как. Я вот почти никогда не мог придумывать себе задачи.
Обычно задача возникает со стороны, и начинаешь учить что то и думать, как ее сделать.
Так и с С было, и с ассемблером и с Js, html, css...

Добавлено через 7 минут

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

Значит возвращаешься назад и снова читаешь.
Я вот где то года с 2005 вожусь с html, js. Ты думаешь я помню все функции, свойства и методы, которые есть в js и разных API? Нет конечно. Достаточно знать, что они есть. Если чего не помню, то иду в MDN и читаю.

0

Да возьми на разработку проект, который использует изученные тобой темы разом.

- To-do список. Реализуй функционал, который тебе позволит добавить новый пункт в список. Его статус(выполнено/активно). Удалять любой элемент из списка.
Запросто это тебя научит свои функции писать, использовать слушатели событий, использовать массивы.
Затем можешь и на ООП переделать, чтоб у тебя можно было вызывать несколько списков

Попробуй читать из JSON предустановленный список для примера
Попробуй сохранять список в localStorage.


- слайдеры. Их, конечно, предостаточно, (на jQuery, на нативном js), но это тоже классная практика писать подобные вещи.
Посмотри реализацию на swiperSlide (Не заморачивайся. Сначала сделай простой слайдер, чтоб просто листал изображения. Потом можешь накидывать примочки в виде автоплея, брикпоинтов(на разных расширениях экрана разное количество элементов). Свои стрелки управления, буллеты и тд).

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

- Маска ввода. Сделай свою реализацию шаблона ввода (к примеру, проверка на корректный формат почты, номера телефона).

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

- Мигалки напиши. Задействуй таймер для изменения цвета части текста

- Сделай свою версию Paint на JS

Ну и вообще, поставь конечную цель по изучению JS. Что тебе хочется? заниматься фронтенд-частью сайта? Углубиться в изучение создания интерфейсов на React|Vue|Angular?
Заниматься бекенд-частью на JS, делая движок сайтов на NodeJS?

0

Сообщение от DmitriyLutsenko да хоть тот же метод Симпсона для программного вычисления определенного интеграла от уже заданной первообразной

Это что то новенькое в вычислительной математике. И совершенно бессмысленное.

0

Сообщение от voraa Это что то новенькое в вычислительной математике. И совершенно бессмысленное.

Так я ж и не рекомендую ему с этим проектом выходить на рынок.

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

Ну ты же наверняка тоже на кошках тренировал свои навыки? или изучил базовый синтаксис по книжке и сразу же пошел на условном реакте писать визуал?

0

Сообщение от DmitriyLutsenko Так я ж и не рекомендую ему с этим проектом выходить на рынок.

Дело не в рынке, а в постановке задачи

Сообщение от DmitriyLutsenko метод Симпсона для программного вычисления определенного интеграла от уже заданной первообразной

Зачем нужен метод Симпсона, если известна первообразная?

1

Сообщение от voraa Зачем нужен метод Симпсона, если известна первообразная?

Да, определенный интеграл от функции а не первообразной.
Да, тупанул.

0

Сообщение от DmitriyLutsenko Ну ты же наверняка тоже на кошках тренировал свои навыки? или изучил базовый синтаксис по книжке и сразу же пошел на условном реакте писать визуал?

He до кошек было. Была поставлена "боевая" задача. Ту хрень, что мы сделали на C как то перенести в Интернет. Реактов никаких не было. Были браузеры Netscape Navigator и IE какой то версии. А инет у меня был модемный (по телефону).
Ну и пошло сразу изучение html, js, сервера, CGI...
И самое интересное, что эта фигня до сих пор работает, и ей пользуются те, кому это нужно. Модифицировалась и обновлялась, конечно. Но в сети есть и старый вариант (сделанный из Г. и палок, без всяких мудрых парадигм) и им тоже кто то пользуется.

0

Сообщение от voraa He до кошек было. Была поставлена "боевая" задача. Ту хрень, что мы сделали на C как то перенести в Интернет. Реактов никаких не было. Были браузеры Netscape Navigator и IE какой то версии. А инет у меня был модемный (по телефону).

Внушает большое уважение

Ну а ТС надо вообще разобраться с причинами изучения JS.
Если человек вообще не понимает, зачем ему это нужно, то не мудрено, что все быстро забывается.

0

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

Я например Пайтон полюбил за то что можно писать переменные на кириллице и за то что можно
вычислять совершенно дикой величины числа , скажем 123456789**987654321
** - это знак степени, а потом уже как начнешь что то понимать, за уши не оттащишь.
Но практически я считал, сколько атомов водорода поместиться во Вселенной
возраст Вселенной -14 млрд.лет
скорость света -300000 км в сек
Считаем объем Вселенной как объем шара, свет распространяется равномерно во все стороны
из точки сингулярности

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

0

Сообщение от avedeo Пайтон полюбил

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

0

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

Еще Карл Фридрих Гаусс говорил, что математика не наука, а способ мышления, поэтому я использую
и С,С++, как основные системно-уважаемые языки и с удовольствием ставлю ; в конце строки , а потом
сразу // и пишу какой нибудь коммент для памяти.

И даже нахожу это эстетически красивым

0

Сообщение от avedeo Я например Пайтон полюбил за то что можно писать переменные на кириллице и за то что можно вычислять совершенно дикой величины числа , скажем 123456789**987654321

В JS тоже можно на кириллице. И BigInt в Js давно есть.

Добавлено через 21 минуту

Сообщение от avedeo скажем 123456789**987654321

А Питон такое потянет? Почти 9 млрд десятичных знаков?

Сообщение от avedeo Но практически я считал, сколько атомов водорода поместиться во Вселенной возраст Вселенной -14 млрд.лет скорость света -300000 км в сек Считаем объем Вселенной как объем шара, свет распространяется равномерно во все стороны из точки сингулярности

Такое и с обычными числами считать можно.

Вот еще бы найти, где эта точка находилась

Добавлено через 6 минут

Сообщение от avedeo а потом сразу // и пишу какой нибудь коммент для памяти.

Зачем? Хорошая программа сама себя документирует.
Умные люди говорят, что комментировать надо не что ты сделал (это и так должно быть понятно), а почему ты так сделал.

0

Сообщение от voraa Вот еще бы найти, где эта точка находилась

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

Добавлено через 6 минут

Сообщение от voraa Зачем? Хорошая программа сама себя документирует.

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

int YaUpalaSSenovalaTormozilaGolovoi;

0

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

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

А так было бы гораздо понятнее, и тому, кто знает js и DOM ничего объяснять в комментарии не надо.

0

Сообщение от avedeo за скорость расширения взята скорость света

Ерунда. Такого нет и быть не может. Объекты во Вселенной удаляются друг от друга с различными скоростями. Это зависит от того, где они расположены (насколько далеко друг от друга). Эта скорость может даже превышать скорость света. Постоянная Хаббла

0

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

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

0

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

1. Переменные должны иметь осмысленные названия, особенно, когда пишешь сложный многокомпонентный функционал.
Отлаживать тяжело код, где вообще не заморачиваются по названиям (a_1, a_2, b, cb).

2. Комментарии тоже должны быть, но там, где функция имеет различный набор параметров с кратким объяснением, что функция делает.
Кириллицу? Можно использовать, но очень осторожно - следи за кодировкой файла. Иначе я вместо твоих информативных комментов увижу "???????? ?????? var a, ?????????? ?????". Лучше на ломаном, но английском.

Код ты пишешь не для себя, а для других. Чтоб я после тебя взял проект и не разбирался, что это за объект "a" и что он делает с содержимым переменной "b".

0

Допустим ты написал мутный код, тебе и самому непонятно, как оно сработает, но оно работает
и ты пишешь длинный комментарий с мутным объяснением.

0