Веб-разработка

Что такое веб-разработка?

Тег: Веб-разработка

1. Что такое веб-разработка?

Веб-разработка — это на самом деле разработка веб-приложений.

В эпоху, когда ПК (персональные компьютеры) только зарождались, программное обеспечение в основном использовало архитектуру C/S (клиент/сервер, клиент/сервер), то есть приложения выполнялись на рабочем столе, а программное обеспечение, такое как базы данных, выполнялось на стороне сервера.

С появлением Интернета модель архитектуры B/S (браузер/сервер, браузер/сервер) стала популярной, и эта модель архитектуры представляет собой разработку веб-приложений.

Поскольку обновление веб-приложений происходит быстрее, чем в традиционной архитектуре C/S (архитектура C/S требует, чтобы каждый клиент обновлял прикладное программное обеспечение. В архитектуре B/S клиенту нужен только браузер, браузер просто запросите сервер, получите веб-страницу и отобразите веб-страницу пользователю. Пользователю не нужно обновлять приложение самостоятельно).

Проще говоря:

1. Архитектура C/S (клиент/сервер, клиент/сервер): Пример: Откройте приложение iQIYI для просмотра фильма. Недостаток: при обновлении каждый пользователь должен обновляться.

2. Архитектура B/S (браузер/сервер, браузер/сервер): Пример: откройте и посмотрите фильм на веб-странице iQIYI. Преимущество: При обновлении обновляется только сервер.

5 основных браузеров и ядро
1. Google Chrome (хром): Blink (форк ядра webkit)
2. Браузер IE: ядро ​​Trident (браузер Edge (версия браузера IE после windows10) ядро ​​edgeHTML)
3. Браузер Firefox (firefox): ядро ​​Gecko
4. Браузер Safari: ядро ​​WebKit
5. Браузер Opera (Opera): ядро ​​presto (устаревшее), в настоящее время используется ядро ​​webkit.
Состав и функция ядра:

Механизм рендеринга: отвечает за рендеринг HTML, CSS, изображений и другой информации, а затем выводит его на
движок display js: отвечает за синтаксический анализ скриптов javascript для достижения динамических эффектов страницы.

3. Инструменты разработки кода
Как говорится: «Если рабочий хочет хорошо работать, он должен сначала наточить свои инструменты». То же самое и с фронтенд-разработкой: нам нужно повысить эффективность нашей разработки с помощью веб-редактора.

Вот несколько популярных редакторов, рекомендуемых для вас:

1. Sublime Text — это эффективный процедурный редактор для уточнения текста в коде, разметке и прозе.
2. WebStorm — это инструмент разработки JavaScript, принадлежащий jetbrains, его называют «самым мощным HTML5-редактором», но он предъявляет высокие требования к конфигурации компьютера и требует оплаты.
3. VScode — это самый популярный на сегодняшний день бесплатный современный легковесный редактор кода с открытым исходным кодом, который может поддерживать практически все основные языки и фреймворки разработки за счет установки различных плагинов.
4. HBuilder — редактор веб-разработки, поддерживающий HTML5.
5. Atom — кроссплатформенный текстовый редактор, специально запущенный github для программистов. Поддерживает языки веб-программирования, такие как CSS, HTML, JavaScript и т. д.

Все, что вам нужно сделать, это загрузить один из инструментов разработки, и, что более важно, вам нужно ввести больше кода!
Рекомендуется, использование VScode, с ним легко начать работу, и он очень прост в использовании.
Ярлыки, связанные с vscode:

1. Откройте папку (или сочетание клавиш ctrl+k+o )
2. Быстро открыть веб-страницу alt+l+o
3. Открыть каталог файлов в локальном файле shift + alt + r
4. Изменить цвет темы редактора [ctrl + k + t]
5. Открыть/закрыть боковую панель [ctrl + b]
6. Выбрать тот же [ctrl + d]
7. Перенос слов/без переноса слов [alt + z]
8. Сохранить файл [ctrl+s]
9. Отменить [ctrl + Z]
10.Закрыть окно [ctrl+w]
11. Открывать последние закрытые окна последовательно [ctrl+shift+f]
12. Вставить строку ниже текущей строки курсора [ctrl+Enter]
13. Вставить строку над текущей строкой курсора [ctrl+shift+Enter]
14. Удерживая среднюю кнопку мыши, перетащите мышь, чтобы выбрать столбец.
15. Перетащите файл, пока область не станет яркой, вы можете добиться разделения экрана.
16. Комментарий [ctrl + /]
17. Вопросительный знак, косая черта [ ctrl +? ]

Три основные технологии Интернета
1. HTML-технология

HTML — это язык разметки, позволяющий реализовывать веб-страницы и отображать их в браузере.

2. Технология CSS

Полное название CSS — каскадная таблица стилей, которая в основном используется для управления стилем веб-страниц (украшения веб-страниц).

3. JavaScript

JavaScript — это чистый язык веб-программирования, который позволяет вам добавлять поведение к веб-страницам.

Ниже представлены все материалы раскрывающие эту тему:

Креативные тенденции веб-дизайна сайта.

Креативные тенденции веб-дизайна

Увлекательная вещь в дизайне веб-сайтов заключается в том, что он постоянно меняется. Эволюция технологий дизайна позволяет дизайнерам и инженерам продолжать экспериментировать и вводить новшества, обеспечивая лучший и более удобный пользовательский...

Корпоративный веб-дизайн - делали.

Детали корпоративного веб-дизайна

Детали корпоративного веб- дизайна. Неиспользование сеток. В веб-дизайне некоторый «беспорядок» может радовать глаз. Асимметрия — одна из них. Неиспользование сеток — определенно нет. Использование сеток — один из профессиональных показателей,...

Дизайн веб-интерфейса что это такое - полный ответ.

Дизайн веб-интерфейса что это такое – подробное определение

Что такое дизайн веб-интерфейса?  Дизайн интерфейса (то есть дизайн пользовательского интерфейса) — это средство для передачи и обмена информацией между людьми и машинами. Говорят, что FaceUI включает в себя аппаратный...

Кто такой UI/UX дизайнер?

Вам нужен дизайнер сайта? Кто такой UI/UX дизайнер?

Разработчики приложений могут предоставить клиентам лучшие в своем классе продукты. Однако перед принятием окончательного решения необходимо обсудить элементы дизайна приложения и/или веб-сайта. Разработчики приложений, безусловно, могут создавать высококачественные приложения, но...

Тенденции в разработке веб-дизайн сайта.

Какие есть тенденции в разработке веб-дизайна?

Какие есть тенденции в разработке веб-дизайна? В процессе создания веб-сайта мы на самом деле думаем, что он в основном включает три процесса: Дизайн. Технология. SEO-маркетинговое продвижение. Но для любой отрасли...