Веб-программирование

Какие технологии изучаются? Когда начать?
🔥 Область фронтенд-программирования включает в себя несколько языков и технологий. Его основы — это HTML, CSS и JavaScript. Со временем, в связи с повышением требований к качеству внешнего вида и работы сайтов, на основе этих технологий был создан ряд фреймворков и библиотек. Одна из их основных целей — сократить время, необходимое для создания сайта. Фреймворки Bootstrap, Materialise, Foundation, Bulma и Tailwind, помогающие в проектировании пользовательского интерфейса, построены на основе препроцессора Less, Less (препроцессора), а на основе JavaScript, трендовых на данный момент фреймворков Angular, Vue, jQuery и Библиотеки React создаются, разрабатываются. Квалифицированные фронтенд-разработчики востребованы во многих странах мира. Их заработная плата зависит от их знаний и опыта. Сегодня квалифицированные фронтенд-программисты в Узбекистане могут зарабатывать в среднем от 300 до 1000 долларов в месяц. Ниже мы предоставим подробную информацию о языках и технологиях, входящих в область фронтенд-программирования.
В основном будут ресурсы для обертывания (для Frontend)
🔻 Изучаются следующие Front-End технологии (в таком порядке):
🔸 HTML5
🔹 CSS3
🔸 JavaScript (Es6)
🔹 Начальная загрузка
🔸 Фреймворк jQuery или Js Vue.js, React.js, Angular
🔹 Сасс
🎨 HTML и CSS

HTML и CSS составляют основу веб-страниц. В то время как HTML отвечает за то, что именно должно быть размещено на сайте (текст, изображение, видео), CSS определяет порядок их размещения и то, как они будут выглядеть. Поскольку элементы, видимые пользователям сайта, создаются в HTML и CSS, без этих двух невозможно создать сайт. Вот почему изучение фронтенда начинается с этих технологий. К этим возможностям добавились дополнения и нововведения, разработаны стандарты HTML5 и CSS3.

🔸 HTML5
HTML, первый шаг, является основным языком для просмотра веб-страниц. С помощью этих языков вставляются текст, изображения, видео и другие элементы.
HTML (англ. Hypertext Markup Language — язык гипертекстовой разметки) — это язык, основанный на SGML (англ. Standard Generalized Markup Language — стандартный обобщенный язык разметки) и соответствующий международному стандарту ISO 8879, используемому на международном уровне.
Язык HTML был разработан примерно в 1991-1992 годах Тимом Бернерсом-Ли, британским специалистом, работавшим в Европейском центре ядерных исследований. Изначально этот язык создавался как инструмент подготовки документов для профессионалов. Простота языка HTML (по сравнению с SGML) и наличие широких возможностей форматирования сделали его популярным среди пользователей. Кроме того, можно было использовать гипертексты. С развитием языка к нему добавились дополнительные мультимедийные (изображение, звук, анимация и т.д.) возможности.

🔹 CSS
А CSS — это один из языков, которые помогают в разработке веб-страниц. С помощью этого языка можно управлять внешним видом и дизайном страницы, цветами, шрифтами, формами и видимыми программами.

CSS (/siːɛsɛs/ англ. cascading stylesheets «каскадные таблицы стилей») — это формальный язык для оформления и описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (часто HTML или XHTML). Его также можно применить к любому XML-документу, такому как SVG или XUL.
CSS используется создателями веб-страниц для определения цветов, шрифтов, стилей, размещения отдельных блоков и других аспектов отображения внешнего вида этих веб-страниц. Основная цель дизайна CSS состоит в том, чтобы очертить и отделить описание логической структуры веб-страницы (реализованное с использованием HTML или других языков разметки) от описания внешнего вида этой веб-страницы (в настоящее время реализованного с использованием формального CSS). язык). Такое разделение может повысить доступность документа, обеспечить большую гибкость и контроль над его представлением, а также уменьшить сложность и дублирование содержимого.
Кроме того, CSS позволяет представить один и тот же документ в разных стилях или методах вывода, таких как представление на экране, печатная презентация, чтение вслух (через специальный голосовой браузер или программу чтения с экрана) или отображение с помощью устройств Брайля.
🧑🔧 JavaScript и jQuery
Как и технологии, упомянутые выше, JavaScript является неотъемлемой частью внешнего программирования. JavaScript — это язык программирования, работающий в браузерах, с помощью которого можно сделать веб-страницу интерактивной. Например, при нажатии кнопки или при переходе пользователя на часть сайта открывается новое окно или появляется сообщение. Некоторое время назад использование самого JavaScript для добавления интерактивности элементам сайта было относительно сложно для разработчика, а некоторые задачи были невыполнимы. В то время была создана библиотека jQuery, с помощью которой программист смог в удобной форме использовать возможности, отсутствующие в языке JavaScript. Сегодня в JavaScript реализованы инновации, представленные библиотекой jQuery, но программисты не отказались от использования jQuery. Согласно статистике, JavaScript был признан самым популярным языком программирования 2017 года.
jQuery — это среда JavaScript, предназначенная для упрощения обхода и манипулирования деревом HTML DOM, а также обработки событий, анимации CSS и Ajax. [3] Это бесплатное программное обеспечение с открытым исходным кодом, использующее разрешительную лицензию MIT. [4] По состоянию на август 2022 года 77% из 10 миллионов самых популярных веб-сайтов используют jQuery. [5] Веб-анализ показывает, что это наиболее широко используемая библиотека JavaScript, которая используется как минимум в 3-4 раза чаще, чем любая другая библиотека JavaScript.

Синтаксис jQuery предназначен для облегчения навигации по документу, выбора элементов DOM, анимации, обработки событий и разработки приложений Ajax. jQuery также позволяет разработчикам создавать плагины поверх библиотеки JavaScript. Это позволяет разработчикам создавать абстракции для низкоуровневого взаимодействия и анимации, расширенных эффектов и высокоуровневых виджетов, удобных для темы. Модульный подход к библиотеке jQuery позволяет создавать мощные динамические веб-страницы и веб-приложения.

Основной набор функций jQuery — выбор, перемещение и манипулирование элементами DOM — включил механизм выбора (называемый «Sizzle» начиная с версии 1.3), создав новый «стиль программирования», который сочетает алгоритмы и структуры данных DOM. Этот подход повлиял на архитектуру других фреймворков JavaScript, таких как YUI v3 и Dojo, а позже способствовал созданию стандартного API Selectors. [7]

Microsoft и Nokia встраивают jQuery в свои платформы. [8] Microsoft включает его в Visual Studio [9] для использования в платформах Microsoft ASP.NET AJAX и ASP.NET MVC, а Nokia интегрировала его в свою платформу разработки виджетов Web Run-Time.

По своей сути, jQuery — это библиотека манипулирования объектной моделью документа (DOM). DOM представляет собой древовидную структуру всех элементов веб-страницы. jQuery упрощает синтаксис для поиска, выбора и управления этими элементами DOM. Например, jQuery можно использовать для поиска в документе элемента, обладающего определенным свойством (например, все элементы с тегом h1), изменения одного или нескольких его атрибутов (например, цвета, , видимости) или для ответа к событию (например, мышь ). нажмите).
jQuery также предоставляет парадигму обработки событий, выходящую за рамки выбора и манипулирования базовыми элементами DOM. Назначение события и определение функции обратного вызова события выполняются за один шаг в одном месте кода. jQuery также предназначен для включения других часто используемых функций JavaScript (таких как постепенное появление и исчезновение при скрытии элементов, анимация путем манипулирования свойствами CSS).