CSS Grid Tutorial #4 – Grid Lines

Hey gang, in this CSS grid tutorial I’ll show you how to use CSS grid lines to position elements on a grid wherever you want within the grid, regardless of it’s position inside your HTML markup. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ———————————————————————————————

CSS Grid Tutorial #5 – Nested Grids

Hey gang, in this CSS grid tutorial I’ll show you how we can nest grids within each other. Very simply :). —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ——————————————————————————————— Other tutorials: —– HTML FOR BEGINNERS: —– CSS FOR BEGINNERS: —– NODE.JS TUTORIALS —– SUBSCRIBE

CSS Grid Tutorial #6 – Aligning & Justifying Items

—– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ——————————————————————————————— Other tutorials: —– HTML FOR BEGINNERS: —– CSS FOR BEGINNERS: —– NODE.JS TUTORIALS —– SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head

CSS Grid Tutorial #7 – Create a 12-Column Grid

Hey gang, in this CSS grid tutorial, I’ll show you how we can create a 12-column grid using the CSS grid properties I’ve shown you so far. I’ll also show you how to create a grid overlay so you can visualize the grid on the page. —– COURSE LINKS: +

CSS Grid Tutorial #8 – Mosaic Layout

Hey all, in this CSS grid tutorial I’ll show you how to make a mosaic layout using CSS grid techniques we’ve already learnt. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ——————————————————————————————— Other tutorials: —– HTML FOR BEGINNERS: —– CSS FOR BEGINNERS: —– NODE.JS TUTORIALS

CSS Grid Tutorial #9 – Grid Areas

Hey gang, in this CSS grid tutorial I want to show you how we can create a grid-like structure using grid areas and the grid-template-areas property. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ——————————————————————————————— Other tutorials: —– HTML FOR BEGINNERS: —– CSS FOR BEGINNERS:

CSS Grid Tutorial #10 – Responsive Grid Example

Hey gang, in this CSS grid tutorial I’ll demonstrate how we can use media queries and grid areas to make a full responsive CSS grid. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/css-grid-playlist ——————————————————————————————— Other tutorials: —– HTML FOR BEGINNERS: —– CSS FOR BEGINNERS: —–

OAuth Login (Passport.js) Tutorial #1 – What is OAuth?

—– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/oauth-playlist ——————————————————————————————— Other tutorials: —– NODE.JS TUTORIALS —– MONGODB TUTORIALS —– SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ============== The Net Ninja ===================== For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or

OAuth Login (Passport.js) Tutorial #2 – The OAuth Flow

Hey gang, in this OAuth tutorial I’ll explain the theory behind OAuth and how the whole thing works behind the scene. I’ll also show you the points at which we’ll be using Passport.js to help with the OAuth flow. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo

OAuth (Passport.js) Tutorial #3 – Settingup an Express App

Hey gang, in this OAuth tutorial I’ll prepare the way by creating a simple Express application with a homepage route. This app will form the backbone of our login system using Passport. —– COURSE LINKS: + Atom editor – https://atom.io/a + GitHub Repo – https://github.com/iamshaunjp/oauth-playlist ——————————————————————————————— Other tutorials: —– NODE.JS