Введение в веб-разработку с HTML, CSS, JavaScript
Автор книги - Тимур Машнин. Произведение относится к жанрам программы, интернет, программирование. Оно опубликовано в 2023 году. Книге не присвоен международный стандартный книжный номер.
Изучите основы веб-разработки, создавая веб-страницы с помощью HTML, CSS и JavaScript. С этой книгой Вы научитесь использовать HTML для создания веб-страницы с абзацами, divs, изображениями, ссылками и списками, добавлять стили на веб-страницу с помощью идентификаторов и классов CSS, делать веб-страницу интерактивной с помощью команд JavaScript. Вы узнаете как создать веб-страницу, которая будет так же удобна на мобильном телефоне, как и на настольном компьютере. Научитесь работать с объектной моделью документа DOM и узнаете что такое фронтенд и бэкенд разработка.
Читать онлайн Тимур Машнин - Введение в веб-разработку с HTML, CSS, JavaScript
Начало работы
Для начала работы с веб-проектами необходимо настроить среду разработки.
Какие инструменты составляют среду разработки?
Во-первых, для веб-разработки можно использовать браузер Google Chrome.
Браузер Google Chrome уже поставляется с инструментами CDT, Chrome Developer Tools.
Далее нам нужен редактор кода.
И в качестве редактора кода можно использовать редактор Sublime Text 3.
Sublime чрезвычайно быстр и очень хорошо поддерживается с точки зрения сторонних плагинов.
Для установки редактора Sublime в интернете можно найти дитрибутив в том числе и портативной версии.
Нам также понадобится Git.
Git – это система управления версиями, с помощью которой можно хранить информацию о всех изменениях в вашем коде в репозитории.
Репозиторий Git – это место, где хранится ваш код и вся информация о его изменениях.
Репозитории могут находиться локально у вас на компьютере или на удалённом компьютере.
Для установки Git скачаем и запустим дистрибутив, и далее будем следовать инструкциям.
Также мы можем использовать инструмент под названием Browser Sync.
Browsersync – это модуль Node.js.
Node.js – это среда выполнения приложений JavaScript, которая выполняет код JavaScript вне веб-браузера.
И Browsersync обеспечивает синхронизированное тестирование веб приложений в браузере.
Browsersync создает сервер по адресу http://localhost:3000/ и наблюдает за изменениями файлов веб приложения. И когда файлы изменяются, Browsersync автоматически перезагружает браузер и мгновенно показывает эти изменения.
Таким образом экономится наше время на обновление браузера во время разработки веб приложения.
И чтобы установить Browser Sync, нам нужно установить Node.js.
Для этого скачаем и запустим дистрибутив Node.js, и далее будем следовать инструкциям.
Далее установим Browsersync.
Если вы хотите запускать Browsersync из командной строки в любом каталоге, его можно установить глобально с помощью выше показанной команды в терминале командной строки.
Здесь NPM (Node Package Manager) – это менеджер пакетов Node.js. И NPM устанавливается вместе с Node.js.
Теперь можно запускать файлы проекта веб-приложения с помощью Browsersync.
Для этого нужно открыть терминал и ввести выше показанную команду.
Эта команда запускает локальный сервер по адресу http://localhost:3000, открывает и проверяет изменения файла index.html.
