В этом уроке я проведу вас шаг за шагом, чтобы стать Front End Web Developer.
Вы бы сталкивались с несколькими веб-сайтами и были поражены тем, как выглядит домашняя страница. Первое, что вы видите при посещении веб-сайта, «домашняя страница» и все остальное на веб-сайте, это то, что мы называем «Внешняя веб-разработка».
Это то, что называется «Клиентская веб-разработка», потому что это единственное, что посетитель может увидеть, когда они посещают наш веб-сайт, инженер, стоящий за этим, называется веб-разработчиком переднего плана.
Давайте посмотрим на домашнюю страницу medium
Весь текст, изображения, ссылки, меню, анимация — это все, что может видеть посетитель, и всякий раз, когда нажимается ссылка, в браузере отображается другая страница.
Навыки, необходимые для того, чтобы стать Front-End разработчиком.
Первый и самый важный навык — это 3, а именно:
- HTML
- CSS
- Javascript
Эти 3 навыка — самые важные навыки, которые вам нужно знать.
С этими тремя вы можете создать базовый веб-сайт с некоторыми функциями.
После освоения основ из трех, перечисленных выше, теперь вы можете двигаться вперед к изучению фреймворка и библиотек CSS и JavaScript, но знание основных концепций HTML, CSS и JAVASCRIPT очень важно.
HTML;
Язык гипертекстовой разметки (HTML).
Это самое важное, и я могу сказать, что это сердце веб-сайта, потому что без реализации кода HTML веб-страница не будет существовать.
Он состоит из всего текста, ссылок, изображений, таблиц, формы, меню и многого другого.
В HTML ссылка может быть встроена в текст, а также может быть преобразована в изображения, то есть при нажатии на изображение на веб-сайте оно будет перенаправлено на встроенную в него ссылку.
Последняя версия HTML — HTML5, и ее очень легко освоить, вы можете выучить ее за 7 дней, если настроены серьезно.
CSS:
Каскадные таблицы стилей
Это язык таблиц стилей, используемый для описания представления HTML-документа.
Прежде чем перейти к CSS, вы должны иметь базовые знания, если HMTL.
CSS используется для оформления HTML-документа, его редактирования и придания ему адаптивности на веб-странице.
CSS можно вставить в документ HTML тремя способами;
- Встроенный CSS
- Внешний CSS
- Внутренний CSS
Все это будет объяснено в нашем следующем уроке.
ЯВАСКРИПТ:
Как мы узнали ранее, HTML используется для создания блоков веб-страницы.
CSS используется для разработки HTML-документа.
Javascript используется для реализации функций веб-страниц.
Javascript — самый популярный язык программирования или язык сценариев, он используется на веб-страницах, онлайн-играх, мобильных приложениях и многом другом.
Javascript можно использовать для изменения содержимого, стиля и атрибутов HTML-документа.
Фреймворки и библиотеки
Наиболее распространенные фреймворки и библиотеки CSS:
- Bootrap
- Попутный ветер CSS
- Бульма
- Материализоваться
- W3 CSS
И наиболее распространенными препроцессорами являются Saas и меньше, и они позволяют вам добавлять логику и функциональность в ваши коды CSS.
JavaScript
- Реагировать
- Угловой
- Вью
Эти фреймворки позволяют экономить время и делать больше с меньшим количеством кода.
Git-контроль
Git — это популярное программное обеспечение, которое используется для отслеживания вашего кода, если вы много напортачили в своем коде, это поможет вам вернуться к предыдущей версии вашего кода без написания их вручную.
Это также позволяет вам сотрудничать с другими в команде и вносить изменения в один и тот же код из другого места.
Тестирование и дубляж
Ни в коем случае, в нашем коде будет ошибка, но выявление и исправление ошибки — это то, что мы называем «отладкой».
После того, как мы убедимся, что наш код не содержит ошибок, следующее, что нужно сделать, это протестировать наш код, чтобы убедиться, что все наши коды работают так, как они должны работать.
Не стесняйтесь оставлять свое мнение.