Как составить план обучения CSS/JS?

Question

[loozmax]

По CSS почитал кучу статей, знаком со всеми свойствами, практикуюсь и делаю что-то свое, но не знаю, делаю ли правильно и грамотно и не развалится ли это все завтра. Я не знаю, что учить дальше. Понимаю, что знаю чуть больше основ (все основы + сетки на флексах + позиционирование+...) есть еще много материала — но где его брать? Читал книгу Д. Макфарланда (все кроме профессиональной верстки), смотрел зоракса, htmlacademy и htmlbook.
Насчет JS — тоже знаю основы, но не знаю как его применять для сайта (как учил : немного поглядел синтаксис, потому что уже знаком с С# и многое похоже — возможно в этом и ошибка). Как действовать дальше? Желание изучать что-то новое есть и мотивация большая.

Answer 1

[Максим]

Любые знания без практики не имеют смысла

Берёте любой шаблон в сети и делаете то что там изображено вот и будет вам практика

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

Comments

[loozmax]

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

[Максим]

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

это придёт с годами

[Максим]

loozmax, или к примеру увидите то что вы пишите что то длиной в 100 строк а кто то это же самое в 40 ..или третий в 30 строк но результат Один и тот же ...но обязательно будет тот что этоже самое напишет в 10 строк - как говорится Опыт приходит с годами

[loozmax]

Максим Ленский, А где посмотреть, как делают другие? Только в командной работе? Или как-то еще?

[Максим]

loozmax, ну почему же только в команде ? youtube часто показывают ..потом freecodecamp stackoverlow любой code review

Answer 2

[fourthMAN]

По css
Глава профессиональная вёрстка, полезная, лучше прочитать
1 - новая большая книга css
Далее заострить внимание из книги на,
2 - Блочно строчная модель (+ фото прикрепил)
3 - Наследование
4 - Отступы margin, padding
5 - Каскадность
6 - Позиционирование ( Все виды и как работают, и момент когда Абсолютное позиционирование относительно )
7 - Flex + (иметь под рукой шпаргалку) + сайт https://flexboxfroggy.com/#ru
Со знанием flex box будет легче в бутстрапе, grid.
По вёрсте
Смотри стримы - https://www.youtube.com/channel/UCE_w6FxGfRKH2fU76...
И ему подобные, станут понятны моменты ( когда не понятно как делать )

И смотри сами сайты через devtools ( как всё реализовано ).

JS
Соракса смотреть такое себе, когда ещё не понимаешь основы.
Из популярных https://learn.javascript.ru и менее популярный https://metanit.com
там и задачи на темы есть.
Внимание заостри на
1 - Замыкании
2 - Область видимости
3 - Наследование
4 - асинхронность
Все задачи и примеры пиши руками ( без копипаста )
+ Не понятную тему смотри на ютубе более детально
Обязательно DOM можешь посмотреть видео Дмитрия Лаврика
https://www.youtube.com/watch?v=-2WiaSvOj78