От автора: чтобы начать работу с VueJS, нам нужно создать экземпляр Vue, который называется корневым экземпляром Vue и обозначается как new vue. Синтаксис var app = new Vue({ // options }) Давайте рассмотрим пример, чтобы понять, что должно входить в конструктор Vue. <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/vue.js"></script> </head> <body> <div id = "vue_det"> <h1>Firstname ...
Читать далее »
От автора: Vue – это JavaScript фреймворк для создания пользовательских интерфейсов. Он работает с уровнем представления. Vue является довольно простым для понимания и изучения. В данном руководстве мы будем использовать версию 2.0. Поскольку Vue фреймворк фактически создан для фронт-енд разработки, в следующих разделах нам предстоит работать с многими HTML, JavaScript и CSS файлами. Чтобы получше разобраться, давайте начнём с простых ...
Читать далее »
От автора: Dropbox планирует осуществить первоначальное размещение акций на бирже. Заявка на проведение IPO была опубликована компанией 23 числа текущего месяца. Таким образом облачный сервис надеется привлечь около полумиллиарда долларов. Издание TechCrunch сообщила о планах Dropbox (облачного хранилища пользовательских файлов) провести выпуск и первичную продажу акций компании. Заявка, поданная сервисом на проведение IPO, датируется 23 февраля. Согласно опубликованному документу, акции ...
Читать далее »
От автора: существует много способов, с помощью которых производится установка Vue JS. Некоторые из них будут описаны ниже. Использование тэга script прямо в HTML-файле <html> <head> <script type = "text/javascript" src = "vue.min.js"></script> </head> <body></body> </html> Перейдите на домашнюю страницу официального сайта VueJS https://vuejs.org/v2/guide/installation.html и загрузите vue.js. Вы увидите две версии – производственную версию и версию для разработчиков. Версия для ...
Читать далее »
От автора: для многих разработчиков Vue.js — это первая интерфейсная среда JavaScript, которую они изучили. Если о себе вы можете сказать то же самое, вероятно, у вас еще не было причины изучить взаимодействие Vue JS Webpack. Но по мере того, как продолжается работа с Vue, вы увидите, что Webpack снова и снова появляется в документации, примерах проектов и в отношении ...
Читать далее »
От автора: я люблю Vue JS. В 2016 я впервые познакомился с этим инструментом, скорее всего, потому что устал от JS фреймворков. На тот момент я уже работал с Backbone, Angular, React и т.д., и мне не особо хотелось изучать новый фреймворк. Так было, пока я не прочитал комментарий на hacker news, где говорили, что Vue – это как «новый ...
Читать далее »
От автора: в предыдущих разделах мы рассмотрели, как получить результат в форме текстового содержимого на экране. В этом разделе мы узнаем, как получить результат в форме HTML-шаблона. Чтобы лучше разобраться в том, как работают во Vue JS шаблоны, давайте рассмотрим конкретный пример. <html> <head> <title>VueJs Instance</title> <script type = "text/javascript" src = "js/vue.js"></script> </head> <body> <div id = "vue_det"> <h1>Firstname ...
Читать далее »
От автора: представитель Google рекомендует не использовать одинаковую структурированную информацию на нескольких страницах. Поскольку это может быть расценено поисковиком как дублирование контента. Один из участников видеоконференции, которые проводит Google для вебмастеров, задал Джону Мюллеру вопрос об использовании одинаковых структурированных данных на нескольких страницах сайта. Представитель Google порекомендовал всем воздержаться от копирования данных. Например, если на веб-странице размещен один из отзывов ...
Читать далее »
От автора: если вы создаете веб-приложение, то в первые дни, вероятно, сталкиваетесь с необходимостью создавать HTML-формы. Они являются большой частью веб experience, и могут быть довольно сложными. И здесь может прийти на помощь Node js Express. Обычно процесс обработки формы включает в себя: отображение пустой HTML-формы в ответ на исходный GET запрос пользователь, отправляющий форму с данными в POST запросе ...
Читать далее »
От автора: в этой статье я постараюсь объяснить, как создать панель навигации, которая адаптируется к различным размерам экрана, используя Flexbox вместе с медиа-запросами. Установка Давайте начнём с разметки для очень простой панели навигации: <nav> <ul class="container"> <li>Home</li> <li>Profile</li> <li class="search"> <input type="text" class="search-input" placeholder="Search"> </li> <li>Logout</li> </ul> </nav> Элемент ul — это наш flex-контейнер, а li элементы — это ...
Читать далее »