Published intechferment·May 22Getting Started in WebIf you’re new to web development or considering a career in web technologies, this article will provide valuable information about the basics. Let’s begin by understanding three basic terms: websites, web browsers, and servers. 1. Websites Websites are collections of web pages that are built using various web technologies. A website typically…Web4 min readWeb4 min read
Published intechferment·Nov 1, 20218. The Vue RouterVue.js is a reactive javascript framework, which is used to build UIs(User Interfaces) and SPAs(Single-page Applications) and developers love to code and feel freedom and comfort while developing applications in Vue.js. For routing purposes, Vue.js does not provide the built-in routing feature. But there is an official third-party library with…Vue3 min readVue3 min read
Published intechferment·Jul 13, 20217. Data Flow between Components in Vue.jsJust like any other application, the Components organization goes like a nested tree. For example, a simple website that includes a header, sidebar, and some other components in a container. The organization of the component would be like this.Vue4 min readVue4 min read
Published intechferment·Jul 12, 20216. Vue ComponentsIn Vue.js, Vue Components is one of the important features that create custom elements, which can be reused in HTML. Vue Single Components consist of 3 parts: template tag: for defining HTML Code script tag: for defining JavaScript Code and inside script tag there we’ll be a Vue instance where…Vue2 min readVue2 min read
Published intechferment·Jul 11, 20215. Vue CLIFor large-scale applications with Vue.js, it is recommended to install using the Vue CLI. To install using CLI, we need to have CLI installed which is done using the following command. But before you need to install Node.js …Vue3 min readVue3 min read
Published intechferment·Jul 9, 20214. Conditional Directives and List Rendering With Vue.jsIn Vue.js, you can show or hide the HTML Elements based on Conditional fundamentals. Vue.js provides us with a set of core directives to achieve this effect: v-if, v-else, v-else-if. v-if directive with the v-if directive, you can add or removes HTML Elements based on the given expression. <div id="app">…Vue3 min readVue3 min read
Published intechferment·Jul 2, 20213. Using v-model for Two-Way Binding and Dynamic Style and Class in Vue.jsTwo-Way Binding Two-way binding is a powerful feature that, if used properly, can speed up your development process. It reduces the complexity of keeping user input consistent with the application data model. Do check out the video tutorial on Two Way Binding here. The v-model directive updates the template whenever the model…Vue2 min readVue2 min read
Published intechferment·Jul 1, 20212. Vue Events Handling and MethodsEvery Vue.js application starts by creating a new Vue instance and you can create Vue Instance by usingnew Vue({}) and inside you can pass lots of properties. With data (Object) property used to store the data for the Vue instance. …Vue2 min readVue2 min read
Published intechferment·Jun 30, 20211. Getting Started with Vue.jsThis is an article for absolute beginners to Vue.js. You can also check out the video tutorial of Vue.js at TechFerment. What is Vue.js? Vue.js is an open-source front-end JavaScript framework for building user interfaces and single-page applications. Plus, it contains a Vue Router built-in with it. …Vue3 min readVue3 min read
Published inGDG Jalandhar·Apr 15, 2020Aura App v3.1.1 released today!Today we’re happy to announce that Aura App v3.0.1 was Added to master! ⚡️Live demo • 👩💻 GitHub • 🚀 Getting started 📽 Setup Video What is Aura? Project Aura App is the Web App that helps you to set Tech Communities with events, team, and management in a few minutes. …Gdg Jalandhar2 min readGdg Jalandhar2 min read
