Newest Articles

javascript beginners

The Anatomy of a JavaScript function, part 2

Friday, October 18, 2019

How to generalize functions in JavaScript? Learn all about it in this second part of the Anatomy of JavaScript functions series of tutorials.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 12: Build a Shopify clone layout

Friday, October 11, 2019

See how to clone a Shopify homepage layout in Bootstrap 4. We'll go step by step, from setting up the project and building the navbar, to setting the breakpoint for the toggle button, adding a hero section, showcase section, support, merchants, testimonials sections, and the footer area. We'll discuss flexbox in Bootstrap 4 and conclude with the completed live layout.

node.js beginners

Start a minimal Express app with npm

Thursday, October 10, 2019

Here's a quick and easy introduction to Express and Node.js. Learn how to build a simple Express app and serve it locally using Node.js.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 11: Build an AirBnB clone layout

Wednesday, October 9, 2019

See how to clone an AirBnB homepage layout in Bootstrap 4. We'll use the live AirBnB website to plan our layout, and then we'll build it, including forms, datepickers, cards, icons, testimonials, and star ratings. We'll also track our progress using Git so you can see each step of the development, and we'll commit our changes on GitHub so that it can easily be shared.

javascript angular beginners

Should I first learn vanilla JavaScript or Angular?

Tuesday, October 8, 2019

It's hard to choose what to learn in web development when there are so many options: should I learn vanilla JS or a framework like Angular? Find the answer in this article.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 10: Build a Bootstrap 4 layout and track it with Git

Monday, October 7, 2019

See how to build a Bootstrap 4 layout step-by-step with the help of GitHub so that you can track your progress. We'll use the Brackets editor and the Github Desktop app. We'll build a custom layout using the Carousel example layout as our starting point. We'll also add a scrollspy to our navbar so that it updates as visitors scroll down our page.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 9: Build another Bootstrap layout in Angular

Sunday, October 6, 2019

This tutorial shows how to cherry-pick Bootstrap 4 components to quickly build a Boostrap 4 layout with Angular 8. We'll also use GitHub to keep track of updates to our project, and Stackblitz to develop our theme in an online IDE, so that we can share it easier.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 8: Modularize your Bootstrap layouts

Saturday, October 5, 2019

In part 8 of Building Bootstrap layouts tutorial series, we'll learn how to modularize our Bootstrap layouts with the help of Angular. This post will also be a gentle introduction into the very basics of Angular 8. We'll use Stackblitz to help us build a minimal Angular app, and we'll add our Bootstrap 4 layout on top of it.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 7: Building a typography-focused layout

Friday, October 4, 2019

In this tutorial we'll build a complete Boostrap 4 layout based on the official Bootstrap 4 starter layout. We'll use some free fonts from the Google fonts website to build a typography-focused website layout. We'll also use the Brackets editor so that we can see our changes updated live. We'll copy a custom navbar from a premium Bootstrap theme and learn a bunch of stuff in the process.

bootstrap beginners layouts

Building Bootstrap 4 layouts, part 6: Working with SCSS in Bootstrap 4

Thursday, October 3, 2019

In this tutorial we'll upgrade the Checkout from example from the official getbootstrap website. We'll work with SCSS using th Koala app and Bootstrap 4.3 SCSS files. We'll see how to change default Bootstrap SCSS variables to get a custom layout.

Feel free to check out my work here: