Tag: Web

There is one thing we can all agree on, no matter what language or platform we prefer for building applications — there has to be some form of control and access levels in our applications to ensure it runs smoothly. This is why the concept of user permission will quickly become commonplace for you once you build your first application. In server-side languages, user permissions can be done with little or no fuss. You can use sessions to hold a user’s information and there would be over a hundred libraries begging for the opportunity to help you manage what the user sees and when the user sees it. You can manage complex permission logic with the aid of a robust database. For JavaScript, this becomes a little tricky, given that all you may have to achieve this localStorage. In this tutorial...

Visual Studio Code has become one of the most used and loved Text Editors in recent years. Here are some statistics from the 2018 Stackoverflow Survey:- Most Popular Development Environments. Source: https://insights.stackoverflow.com/survey/2018/ 1. Visual Studio Code CLI Visual Studio Code comes with an inbuilt Command Line Interface. Once you've installed Visual Studio Code, and have it open, press ⇧⌘P to open the command palette for Mac, or just ⌘P and the press > button. Next, type in shell command, select Install Code Command in PATH, and press enter. Now if you type in code, Visual Studio Code will open, and code <path>, Visual Studio Code will open with the directory represented by Path. To see the command line interface however, type in code -h. code -h Visual Studio Co...

When building web applications, it is not uncommon to find some sort of in-app notification system that will notify you instantly when someone carries out an action related to you or your account. On Facebook, you will be notified when someone likes your status, or when someone comments on your profile. We will replicate this feature by creating a web notifications system using Laravel and Pusher. To follow this tutorial, you need to have PHP and Laravel installed on your machine. What we would be building After this tutorial we would demonstrate how we can have a small web application show notifications using Laravel and Pusher. It would be similar to how websites like Facebook show notifications. Here is a preview of what we would be building: Setting up your Pusher application Create...

Text Editing Tips And Tricks RoundupText Editing Tips And Tricks Roundup Rachel Andrew 2018-07-23T13:30:35+02:00 2018-07-23T16:18:07+00:00 We asked the Smashing Community for their favorite text editing tricks, shortcuts, and features that save them time. Here’s a roundup of what we’ve found quite useful along with a couple of other suggestions you may find handy. Favourite Keyboard Shortcuts Many of you have favorite keyboard shortcuts. Some of these will be editor or operating system specific, although in many cases you’ll be able to find a similar shortcut with the tools you are using. I’ve rounded up a few from the community below. Ste Grainer shared a t...

We're very excited to announce the launch of the online DDoS Protection Bootcamp. Built for IT security and network ops professionals, this one-of-a-kind online training portal offers an unprecedented selection of free courses and challenging quizzes that test and improve your DDoS protection skills. Jointly prepared by Imperva Incapsula and DDoS testing firm NimbusDDoS, the DDoS Protection Bootcamp leverages the domain expertise of both companies to offer in-depth technical training in DDoS protection. Until now, you literally had to work for a security company to have access to this level of knowledge. Unlike other training sites, the DDoS Protection Bootcamp is uniquely designed to combine rich educational content with a fun online quiz-based format that lets you measure your knowledge ...

When we build applications, we aim to make them easy on the eye. We want our users to have a smooth experience using it, and to feel our application flowing from one point to another, rather than just jump between screens. If we switch components without transitions, we see a sharp change every time a new component is called up. This is not ideal and can result in our users having a poor experience with our application. In this tutorial, we will look at how to improve the flow of our application using component transitions in Vue. Prerequisites Vue CLI 3 for installing Vue Knowledge of JavaScript Knowledge of Vue.js Setup Our Application To begin, we will create a Vue application. Run the following command: $ vue create component-transitions $ cd component-transitions Once we are done cre...