Tutorials on Web Development, Programming, and Web Design

Centering element vertically and responsive

In Tutorials

We want an element inside another element to be centered vertically.  We also want it to be responsive such that when the browser resizes  (and hence the containing element resizes), the inside...

read more

Tutorial on Rendering an Array of Components

In Tutorials Uncategorized

In the last tutorial, we rendered one PictureBox component, now we continue where we left off and render an array of PictureBox components. 1. In our app.jsx, we pass an options object that consists...

read more

Tutorial on nesting React components

In Tutorials

In the last tutorial, we created the Greeting component.  Continuing directly from that, we now create a PictureBox component that has an image as well as Greeting component inside it.   Like...

read more

Tutorial on React this.props and options object

In Tutorials

From last tutorial, we created a component that always printed “Hello World”.  This is not useful, we want it to greet people of different names.  Continuing directly from last...

read more

Getting Started with React

In Tutorials

In the last tutorial, we learned that to do React, we needed Node and npm to install some node modules.  We did “npm init” to create our package.json and obtained our gulpfile.js.  We...

read more

What is needed to get started with React

In Tutorials

While it is possible to write React in a single html file that does translation from JSX to Javascript on the browser using a web transformer — and many intro tutorials shows this just to get...

read more

Installing Node js on Windows 10

In Tutorials

1. Go to the node site and download the LTS version (Long Term Support)… 2.  Run the msi file that you just downloaded going with the default options. 3. When it finishes, you will see that...

read more

Full Disk Encryption on Windows 10 with BitLocker

In Tutorials

In this tutorial, we will show you how to do a full disk encryption on Windows 10 Professional using Microsoft BitLocker, which only works on Windows 10 Pro (not Windows 10 Home).  And it is...

read more

How to have a single key copy and single key paste on Mac

In Tutorials

Cmd-c and Cmd-v are used so frequently that the double keystroke combination is hard on the hands.  I want a single key that I can press for copy.  And a single key that I can press for paste....

read more

Learn Web Tutorials is hosted by Hostmonster and design based on Wordpress template by Elegant Themes
All contents are opinions and are copyrighted and may contain display ads and ad links for which site may receive revenues from.
See Terms of Use and Privacy Policy.