Posts

Get Started with Debugging JavaScript in Chrome DevTools

-
Image
This tutorial teaches you the basic workflow for debugging any JavaScript issue in DevTools. Step 1: Reproduce the bug Finding a series of actions that consistently reproduces a bug is always the first step to debugging. Click  Open Demo . The demo opens in a new tab. OPEN DEMO Enter  5  in the  Number 1  text box. Enter  1  in the  Number 2  text box. Click  Add Number 1 and Number 2 . The label below the button says  5 + 1 = 51 . The result should be  6 . This is the bug you're going to fix. Figure 1 . The result of 5 + 1 is 51. It should be 6. Step 2: Get familiar with the Sources panel UI DevTools provides a lot of different tools for different tasks, such as changing CSS, profiling page load performance, and monitoring network requests. The  Sources  panel is where you debug JavaScript. Open DevTools by pressing  Command + Option + I  (Mac) or  Control + Shift + I...
Post a Comment
Read more

Amazfit Sports Smartwatch 2 and 2S bring a mighty five days of battery life

-
Image
Xiaomi   is looking to continue its wearable conquest with a duo of new smartwatches from sub-brand Huami, the Amazfit Watch 2s and Sports Smartwatch 2, 2017's successors to the  Amazfit Pace . Both watches have the 1.34-inch display with 320 x 300 pixel resolution and stainless steel buttons, but the 2S ups the style with a ceramic bezel, sapphire glass on top and a nice leather strap. Both, however, look a lot nicer than the Amazfit Pace. Naturally the Sports Smartwatch 2 is where fitness types will want to look. It supports 11 different types of activity, from indoor running to open water swimming and triathlon and comes with a built-in GPS and an optical heart rate sensor. The Watch 2S doesn't come with the GPS or heart rate skills - that one's all about style - but both watches are waterproof to 50 meters. More interestingly, the Sports Smartwatch 2 will supposedly recognize whether you're in open water or not. We've no idea how that might work, but...
Post a Comment
Read more

29 Linux Commands You Must Know

-
Image
Linux distributions support various GUIs (graphical user interfaces) but the old command line interface (bash) still proves to be  easier and quicker in some situations . Bash and othe r  Linux shells  require you to type in commands to complete your tasks, and thus gets named the  command line  in terface. Commands are directives for the computer to carry out a task. You can use commands to shut down your computer, or show a list of files in the current directory or the contents of a text file, or to show a message on the screen. They’re easy and powerful at the same time. If you are new to this and have always wanted to try it out, we’ve compiled a list of various basic Linux commands that you can learn and use for various tasks in sever al  Linux distros . The list is not exhaustive but it should make for a good start for beginners or intermediate Linux users or administrators. ls – List ls  lists the contents (files and folders) of t...
Post a Comment
Read more

Popular posts from this blog

How to download a file using command prompt (cmd) Windows?

-
Image
If you’re like most Internet users, you download various types of files now and then. You either download these files with your web browser or some download manager software. Have you ever considered downloading files using the command prompt i.e. CMD? If not, we recommend you to try it. It’s quite interesting apart from being very useful as well. In this article, we’ll show you how to download a file using command prompt aka CMD. How to download a file using command prompt?   There are several useful commands for the Command Prompt and one of them is  bitsadmin . Though bitsadmin has several uses, here we shall limit this article to its role in downloading files only. If you want to read the details about bitsadmin syntax, continue reading this section. Otherwise, you can scroll down to the next section –  Downloading a file .   The syntax of bitsadmin is : BITSADMIN [/RAWRETURN] [/WRAP | /NOWRAP] command   As you know, the parts of the syntax inside ...
Read more

How to Secure Session Management in Node

-
In a web application, data is transferred from a browser to a server over HTTP. In modern applications, we use the HTTPS protocol, which is HTTP over TLS/SSL (secure connection), to transfer data securely. Looking at common use cases, we often encounter situations where we need to retain user state and information. However, HTTP is a stateless protocol. Sessions are used to store user information between HTTP requests. We can use sessions to store users' settings like when not authenticated. Post authentication sessions are used to identify authenticated users. Sessions fulfill an important role between user authentication and authorization. Exploring Sessions Traditionally, sessions are identifiers sent from the server and stored on the client-side. On the next request, the client sends the session token to the server. Using the identifier, the server can associate a request with a user. Session identifiers can be stored in cookies, localStorage, and sessionStorage. Session identi...
Read more

Angular 9 - User Registration and Login Example & Tutorial

-
Image
In this tutorial we'll go through an example of how to build a simple user registration, login and user management (CRUD) application with Angular 9. The project is available on GitHub at  https://github.com/cornflourblue/angular-9-registration-login-example . The Angular CLI was used to generate the base project structure with the  ng new <project name>  command, the CLI is also used to build and serve the application. For more info about the Angular CLI see  https://angular.io/cli . Styling of the example app is all done with Bootstrap 4.4 CSS, for more info about Bootstrap see  https://getbootstrap.com/docs/4.4/getting-started/introduction/ . Here it is in action:   (See on StackBlitz at  https://stackblitz.com/edit/angular-9-registration-login-example ) Running the Angular 9 Login Tutorial Example Locally Install NodeJS and NPM from  https://nodejs.org . Download or clone the Angular project source code from  https:...
Read more