Всем привет котята! Эта статья подойдёт как для новичков, так и для тех, кто уже имеет небольшие знания о front-end. Мы разберём ключевые основы, рассмотрим главные технологии и инструменты, которые помогут тебе начать создавать собственные сайты и улучшить свои навыки в разработке. Что такое Front-end? Front-end — это та часть сайта или приложения, которую видит и с которой взаимодействует пользователь. Текст, кнопки, изображения и анимации — всё это создано с помощью front-end Основные технологии В front-end разработке есть три основных языка, каждый из которых выполняет важную задачу: HTML(HyperText Markup Language) HTML — отвечает за структуру страницы. Тексты, заголовки, изображения тд. Ресурсы для изучения HTML Сначала тебе нужно научиться создавать структуру страницы с помощью HTML. Вот несколько ресурсов, которые помогут начать: HTML-курс на MDN Web Docs — здесь ты найдёшь простые и понятные уроки, которые знакомят с HTML с нуля. Codecademy — интерактивные задания помогут тебе закрепить навыки. Когда ты научишься создавать структуру, переходи к стилям. CSS поможет сделать страницу красивой: изменять цвета, размер текста, выравнивать элементы и многое другое. На этом этапе потренируйся добавлять стили и украшать элементы страницы. CSS (Cascading Style Sheets) CSS — отвечает за внешний вид страницы: задаёт цвета, шрифты, размеры элементов, их расположение и многое другое. (CSS делает страницу красивой.) Ресурсы для изучения CSS CSS-курс на MDN Web Docs — всё, что нужно знать о CSS, с подробными примерами. Основы CSS на freeCodeCamp — интерактивные задания, чтобы освоить основные стили. Теперь, когда у тебя есть структура и стиль страницы, можно добавить интерактивность. JavaScript позволяет создавать динамичные элементы, которые реагируют на действия пользователя: например, при нажатии на кнопку можно менять текст, показывать или скрывать элементы. JavaScript JavaScript — это язык, который оживляет страницу, добавляя интерактивность: анимацию, реакции на действия пользователя, формы и многое другое. Ресурсы для изучения JavaScript JavaScript для начинающих на freeCodeCamp — интерактивные упражнения и задания для изучения основ JavaScript. JavaScript курс на Sololearn — пошаговый курс с заданиями для практики. Когда освоишь основы JavaScript, можно познакомиться с фреймворками, которые помогут ускорить разработку более сложных приложений: Что такое Фреймворк? Фреймворк — это набор готовых инструментов. Это как готовая основа, на которой можно строить проект, не начиная с чистого листа. Популярные JavaScript-фреймворки: React React — популярная для создания пользовательских интерфейсов. Она позволяет разбивать интерфейс на маленькие независимые части — компоненты. Vue.js Vue.js — фреймворк, подходящий для небольших и средних приложений. Он прост в освоении и помогает легко создавать динамичные интерфейсы. Заключение: Сначала всё может показаться сложным, но не переживай — практика и постоянные небольшие проекты помогут тебе развиваться. Начни с простых задач, пробуй, экспериментируй, и вскоре ты увидишь результат.
фронтенд это вообще вайб я б бля бекенд бы не пошел точно, фронтенд как т больше творчески выглядит хотя ваще лучше фулстаком
В принципе для изучения фронта ещё есть https://doka.guide там чуть по больше про веб платформу впринципе и + про доступность