Дорожная карта Front-End

Первое, что вы должны изучить, – это HTML, стандартный язык разметки для создания веб-страниц.

2. Стиль вашей веб-страницы

Следующим шагом будет изучение CSS, чтобы создать макет вашей веб-страницы с красивыми цветами, шрифтами и многим другим.

JavaScript

JavaScript

3. Сделайте свою веб-страницу интерактивной

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

Что дальше?

Теперь вы знаете, как использовать HTML, CSS и JavaScript для создания, стилизации и интерактивных веб-страниц.

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

Существует множество хостингов, из которых можно выбрать подходящий. Мы создали для вас один бесплатный:

W3Schools Spaces

Создайте свой собственный сайт с помощью W3Schools Spaces.

Привет, Front-End Developer!

Люди, которые зарабатывают на жизнь созданием веб-сайтов и веб-приложений, называются Front-End Developers.

Совет: Многие Front-End разработчики также обладают базовыми знаниями различных CSS и JavaScript фреймворков и библиотек, таких как Bootstrap, SASS (препроцессор CSS), jQuery и React, а также популярной системы контроля версий Git.

Что относится к Back-End?

Front-end разработка относится к клиентской стороне (как выглядит веб-страница). Back-end разработка относится к серверной стороне (как работает веб-страница).

Front-end код используется для создания статических веб-сайтов, где целью является отображение веб-страницы. Однако если вы хотите сделать свой сайт динамичным (управлять файлами и базами данных, добавлять контактные формы, контролировать доступ пользователей и т.д.), вам необходимо изучить язык программирования back-end, например PHP или Python, и использовать SQL для связи с базами данных.

Список других популярных языков можно найти на нашей домашней странице.

ЦВЕТНОЙ ПИКЕР

Получите сертификат, пройдя курс сегодня!

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь написать нам по электронной почте:

Спасибо, что помогли нам!

Ваше сообщение было отправлено в W3Schools.

Лучшие учебники

Лучшие ссылки

Лучшие примеры

Пройти сертификацию

W3Schools оптимизирован для обучения и тренировок. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную корректность всего содержимого. Используя W3Schools, вы соглашаетесь с тем, что прочитали и приняли наши условия использования, политику использования файлов cookie и конфиденциальности.