[#Script #Coding] Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

Posted on by Eric Brooks

Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

By freeCodeCamp.org
Published: Jan 29, 2024

“
freeCodeCamp.org Learn to build a Weather App using Next.js, Tailwind CSS, and TypeScript in this hands-on tutorial! Create a responsive, dynamic app from scratch with React components.

?? Course from @reactwithutkarsh

Live Demo: https://weather-app-nextjs-seven-rho.vercel.app/
Code Repo: https://github.com/whoisseth/weather-app-nextjs

?? Chapters ??
?? (0:00:13) Introduction
?? (0:03:45) Navbar Component
?? (0:27:41) API and Data Types Configurations
?? (0:38:59) Current Day Section Components
?? (1:12:45) Additional Details Component
?? (1:30:53) 7 Days Forecast Data Section
?? (1:41:53) Search and Current Location Logic

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

”

Eric Brooks

Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Photoshop #Tutorial] ???? Change Canvas and Interface Color in Photoshop! + Funny Easter Egg! ????

Posted on by Eric Brooks

???? Change Canvas and Interface Color in Photoshop! + Funny Easter Egg! ????

By Photoshop Training Channel
Published: Jan 25, 2024

“
Photoshop Training Channel Industry Pros Brent and Max show you a simple After Effects Tutorial to pan a background. We learn about Keyframes, moving layers, and importing photoshop files. We also explain keyframe easing.

Special thanks to all of our Guest Artist
Brianne Neumann
https://www.bonjourbri.com/

And our wonderful artists submissions!

Connor Sebo
https://www.instagram.com/connor_sebo/

Kurt Peterson
http://iyoharn.tumblr.com/

Parker Catalano
https://www.instagram.com/choney_stark/

BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!

Email Bam.redrawmyart@gmail.com
If you want to have YOUR art redrawn!

?We have a Website and Store now!?
https://www.brentandmax.com/

Visit our Portfolios
https://portfolio-maximus.tumblr.com
https://brentnoll.com/

Instagram
https://www.instagram.com/bam_animation/

”

Eric Brooks

Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Script #Coding] Passkey Authentication with Express.js and Docker – Web Authentication API Tutorial

Posted on by Eric Brooks

Passkey Authentication with Express.js and Docker – Web Authentication API Tutorial

By freeCodeCamp.org
Published: Jan 24, 2024

“
freeCodeCamp.org Learn about the Web Authentication API by building an app that implements passkey authentication. At the end of the tutorial, we will have a little Express.js app connected to a Postgres database, through Sequelize, in Docker container.

???? Text tutorial: https://divrhino.com/articles/passkeys-express
???? Code: https://github.com/divrhino/divrhino-passkeys-express

?? Course developed by @DivRhino

?? Chapters ??
?? (00:21) Introduction
?? (00:37) Prerequisites
?? (01:10) Expected end result
?? (01:25) Getting started
?? (05:18) Configure Sequelize
?? (06:54) Set up Postgres
?? (10:40) Routes and controllers
?? (12:16) Frontend views
?? (16:58) Public key credentials
?? (18:27) Configure Passport.js
?? (25:38) Sessions
?? (28:03) Passkeys overview
?? (29:11) Phase 1: attestation/registration
?? (39:11) Logout
?? (39:56) Phase 2: assertion/login
?? (46:46) Recap

???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

”

Eric Brooks

Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

[#Photoshop #Tutorial] ???? Spring-Loaded Keyboard Shortcuts in Photoshop!

Posted on by Eric Brooks

???? Spring-Loaded Keyboard Shortcuts in Photoshop!

By Photoshop Training Channel
Published: Jan 24, 2024

“
Photoshop Training Channel Industry Pros Brent and Max show you a simple After Effects Tutorial to pan a background. We learn about Keyframes, moving layers, and importing photoshop files. We also explain keyframe easing.

Special thanks to all of our Guest Artist
Brianne Neumann
https://www.bonjourbri.com/

And our wonderful artists submissions!

Connor Sebo
https://www.instagram.com/connor_sebo/

Kurt Peterson
http://iyoharn.tumblr.com/

Parker Catalano
https://www.instagram.com/choney_stark/

BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!

Email Bam.redrawmyart@gmail.com
If you want to have YOUR art redrawn!

?We have a Website and Store now!?
https://www.brentandmax.com/

Visit our Portfolios
https://portfolio-maximus.tumblr.com
https://brentnoll.com/

Instagram
https://www.instagram.com/bam_animation/

”

Eric Brooks

Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

More Posts - Website

Follow Me:Add me on XAdd me on FacebookAdd me on LinkedInAdd me on PinterestAdd me on YouTubeAdd me on Instagram

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect