Привет!
Вы наверное видели успевший стать знаменитым твит:
Многие откликнулось и я заметил, что есть два типа запросов:
1. Я раньше не работал(-а) с HTML/CSS/JS, но хочу научиться
— вам я рекомендую посмотреть и пройти несколько очень хороших вводных бесплатных курсов:
- HTML/CSS верстка: https://htmlacademy.ru/courses/intro-to-web-development
- HTML: https://ru.code-basics.com/languages/html
- CSS: https://ru.code-basics.com/languages/css
- JS: https://ru.code-basics.com/languages/javascript
- Больше теории: https://ru.hexlet.io/courses/introduction_to_programming
2. Я немного знаю HTML/CSS/JS, хочу развиваться дальше
Попробуйте пройти курс по NextJS. Это отличный фреймворк для создания веб-сайтов на React.
Страничка, которую вы сейчас читаете — сделана на NextJS.
И первым и вторым самое главное — нужно придумать свой проект
Свой проект — главный мотиватор и необходимое условие успеха.
По проекту: придумайте что-то, важное для вас, это может быть
- система учета финансов
- система учета еды, тренировок
- сайт благотворительной организации
- обучающая платформа по английскому/немецкому/турецкому/итд языку
- любой веб-сайт, о котором вы мечтали
У меня есть идея проекта, что дальше?
- Создайте на github репозиторий, добавьте меня (alexbaumgertner) в collaborators
- создайте issue с описанием проекта, вашими текущими знаниями HTML/CSS/JS, программами проектирования сайтов типа https://www.figma.com/ и начнем работать :)
- Будет здорово, если вы составите схему сайта в figma — макет каждой страницы, можно максимально схематично: какие блоки информации будут в каких местах.
Примеры макетов:
Кстати, хороший курс по Figma: https://www.freecodecamp.org/news/figma-crash-course/
Как работать с github
- https://www.youtube.com/watch?v=9dkzbSnN2FQ (RU)
- https://www.youtube.com/watch?v=RGOj5yH7evk&t=426s (EN)
Не бойтесь! Абсолютно у всех будут проблемы и вопросы. Я первый раз начал изучать HTML в 2001 году, в 2008 нашел первую работу, а как разработчик стартовал в 2011.
Если что-то не будет получаться — ничего страшного, пишите и спрашивайте в github.com/easy-deep-learning/learn-javascript/discussions
Удачи!