Teaching Newbies since 2014

kauress

  • Home
  • Javascript ❤
    • JavaScript
    • Node.js
  • WebDev Tuts
  • screencasts
  • Resources
  • VR & AR
  • Contact
  • Github
  • Twitter
  • YouTube
  • RSS
  • C++
You are here: Home / Archives for Web Dev

August 29, 2019 by: Kauress

Plug-n-Play authentication is officially out now!

The project is live here and up for sale here Instructions for setting up are included in the project folder and here https://twitter.com/kauresss/status/1167195585381687296

[ Read More ]

August 25, 2019 by: Kauress

Tricks learned this month

To ignore remote changes and overwrite them git push origin –force The token conveyor belt:  use hidden input fields to pass  ‘info’ between POST & GET requests (if  there is no user entered info into an input field which can be  ‘gotten’ through req.body). Use case:  in script.js  assign the value of  an element’s “innerHTML” property to be the value of a  hidden input. This

[ Read More ]

August 12, 2019 by: Kauress

Conditionally rendering EJS template with res.locals in express.js

This snippet is to conditionally render navbar items based on whether a user is logged in OR not.  So toggle the ‘Login’ button to ‘Logout’ if the user is already logged in and vice versa. I admit it took more time that I had anticipated. Primarily because in the beginning I insisted on using a global variable in express to manage the user’s ‘isAuthenticated’  state

[ Read More ]

June 26, 2019 by: Kauress

Plug and Play Authentication for express.js

  What started out as a small module has become a month long project. Some days I sleep well, other days I keep a notebook besides me to jot down ideas. I’ll be putting this project up on Product Hunt and Gumtree as a stand alone module for other  developers to use. Version 1.0 has the following features: User can make an account using their

[ Read More ]

June 3, 2019 by: Kauress

Custom 401 kitty page

Just having some fun for a component of the kidda chat app

[ Read More ]

April 27, 2019 by: Kauress

Twitter Bootstrap in a day

##Introduction note: work in progress So you have to code/make a website in 30 minutes for someone that scales on laptops, mobiles and tablets. What do you do? : Code your own front-end library overnight Use Twitter Bootstrap The answer is you use Twitter Bootstrap as you only have 30 minutes during lunch break. Because why do you want to waste your lunch break coding

[ Read More ]

April 27, 2019 by: Kauress

10 min guide to CSS3 Grid Layout

Introduction CSS3 Grid Layout is great for controlling layout with rows AND columns! 1. Create the structure of the layout (i.e. # of rows and columns) 2. Place items on the layout (manually or through auto placement) Forge on Getting started Placing items on a grid: “display:grid” [codepen_embed height=”300″ theme_id=”21517″ slug_hash=”WWELoK” default_tab=”result” user=”Kauress”]See the Pen CSS3 Crash Notes: Part 1 by Kauress (@Kauress) on CodePen.[/codepen_embed]

[ Read More ]

April 27, 2019 by: Kauress

Coding worksheet #4: Callback functions

Just something I made as a primer. I’ve tried to condense as much information I could for ‘scoped’ learning [codepen_embed height=”300″ theme_id=”21517″ slug_hash=”ZRjGxr” default_tab=”html,result” user=”Kauress”]See the Pen You used to callback on my cellphone, code worksheet by Kauress (@Kauress) on CodePen.[/codepen_embed]

[ Read More ]

April 22, 2019 by: Kauress

Newbie guide: socket.IO

Guide Introduction What happens? Summary Set up the main project directory Install dependencies Directory structure Create a server in index.js Set up index.html Test your server 10.Make your first socket connection Conclusion Resources Note: This guide covers till setting up socket.IO to be used. A chat app using socket.IO will ensue in part 2 Introduction Socket.IO is a JavaScript library which allows real time bidirectional

[ Read More ]

April 12, 2019 by: Kauress

CSS3 Grid Layout NOTES

Some notes I wrote in the process of making a short course on CSS3 grid layout  

[ Read More ]
  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • Next Page »

Copyright © 2021 ·Kauress