Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS



Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: https://next-js-creative-portfolio-website.vercel.app/ 💻 Starter Code: https://github.com/codebucks27/Nextjs-Creative-Portfolio-Starter-Code-Files 💻 Final Code: https://github.com/codebucks27/Next.js-Creative-Portfolio-Website ⭐️ Contents ⭐️
⌨️ (0:00:00) Intro + Demo
⌨️ (0:06:02) Setup and Installation
⌨️ (0:08:11) Layout.js file and Tailwind config
⌨️ (0:11:53) Home page
⌨️ (0:13:21) Generate Images using Playground AI
⌨️ (0:16:56) 3D model configuration and Rendering
⌨️ (0:37:13) Navigation buttons
⌨️ (1:07:53) Creating background firefly effect
⌨️ (1:20:07) Projects page
⌨️ (1:32:46) Subpages layout
⌨️ (1:40:08) About page
⌨️ (1:55:48) Github stats & Skill icons
⌨️ (2:10:48) Contact page
⌨️ (2:20:06) Using Emailjs
⌨️ (2:35:27) Show toast messages
⌨️ (2:41:23) Mobile responsive
⌨️ (3:10:16) Adding animations using framer-motion
⌨️ (3:23:57) Adding music
⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Add Google OAuth2 Login in Node.js | Google OAuth2 Authentication with Passport.js



How to Add Google OAuth2 Login in Node.js | Google OAuth2 Authentication with Passport.js https://github.com/harshita795/auth In this step-by-step tutorial, you will learn how to integrate Google OAuth2 Login into your Node.js application using **Passport.js**. Google OAuth2 allows users to sign in to your application using their Google account, simplifying the login process and improving security. This guide will walk you through the setup process from creating a Google OAuth2 application to adding it into your Node.js project using Passport.js, a popular authentication middleware for Node.js. By the end of this video, you’ll be able to implement Google OAuth2 authentication in your Node.js app, allowing users to log in with their Google accounts securely and efficiently. ### What You’ll Learn: 1. **Setting Up a Google OAuth2 Application:** How to create a Google project and configure OAuth credentials in the Google Developer Console.
2. **Installing and Configuring Passport.js:** How to install Passport.js, configure the `passport-google-oauth20` strategy, and integrate it into your Node.js application.
3. **Setting Up Routes for Google OAuth2 Login:** How to create routes for initiating and handling Google OAuth2 login and logout.
4. **Handling User Sessions with Express:** How to set up session management using `express-session` for persistent user authentication.
5. **Creating Callbacks for Google Login:** How to handle successful and failed login attempts using Passport.js callbacks. ### Prerequisites: – Basic knowledge of **Node.js** and **Express.js**.
– Installed Node.js and npm on your machine.
– A basic understanding of middleware and authentication processes. ### Key Steps: #### 1. **Create a Google OAuth2 Application:** Before implementing OAuth in your Node.js application, you need to create a project in the **Google Developer Console**. – Go to the [Google Cloud Console](https://console.cloud.google.com/). – Create a new project and go to the **API & Services – Credentials** section. – Create new **OAuth 2.0 Credentials** by configuring: – **Redirect URI**: This will be the URL Google will redirect to after a successful login (e.g., `http://localhost:3000/auth/google/callback`). – **Client ID** and **Client Secret**: You’ll use these credentials to integrate Google OAuth2 into your Node.js app. #### 2. **Install Required Dependencies:** In your Node.js project, install the required packages: “`bash npm install express passport passport-google-oauth20 express-session “` – **Express**: For creating the server. – **Passport.js**: Middleware for authentication. – **passport-google-oauth20**: Google OAuth2 strategy for Passport. – **express-session**: Middleware for handling sessions. #### 3. **Configure Passport.js with Google OAuth2 Strategy:** #### 4. **Set Up Express App and Session Management:** #### 5. **Create Google OAuth2 Login and Callback Routes:** #### 6. **Run Your Application:** Start the server and open `http://localhost:3000/` in your browser. Click the "Login with Google" button, and after successful login, you'll be redirected to the profile page displaying your Google account name. Run your application: “`bash node app.js “` ### Key Features: – **Secure OAuth2 Authentication:** Leverage Google’s secure OAuth2 framework to protect your users' credentials. – **Seamless User Experience:** Users can log in with their Google accounts, eliminating the need to remember passwords. – **Scalable Authentication:** Passport.js allows easy integration of other strategies (Facebook, Twitter, etc.) if needed in the future. ### Why Use Google OAuth2 with Passport.js? – **Simplicity:** Implementing Google login with Passport.js is straightforward and flexible, especially if you're already familiar with middleware in Node.js. – **Security:** OAuth2 adds an extra layer of security to your app by handling user authentication with a trusted provider like Google. – **Scalability:** Once implemented, you can easily add other authentication providers (Facebook, GitHub, etc.) using the same methodology. By the end of this tutorial, you’ll have a fully functioning Google OAuth2 login system integrated with your Node.js application using Passport.js. Be sure to like, comment, and subscribe for more Node.js and web development tutorials! **Helpful Resources:**
– Google Developer Console: [https://console.cloud.google.com/](https://console.cloud.google.com/)
– Passport.js Documentation: [http://www.passportjs.org/](http://www.passportjs.org/) If you encounter any issues, feel free to leave a comment below, and we’ll help you troubleshoot! #GoogleOAuth2 #Nodejs #Passportjs #WebDevelopment #OAuth #GoogleLogin #NodejsTutorial #Expressjs #Authentication #LoginSystem #JavaScript #NodejsOAuth

Linux Device Drivers Development Course for Beginners



Learn how to develop Linux device drivers. They are the essential software that bridges the gap between your operating system and devices like keyboards, printers, and more! From setting up your development environment across different operating systems to diving deep into the Linux kernel, system calls, and the /proc filesystem, this course provides a hands-on approach to mastering device driver development. inpyjama's YouTube channel: https://www.youtube.com/@inpyjama Free embedded systems book: https://inpyjama.com/b/c-ninja-book Linux Device Drivers course with quiz and certification: https://inpyjama.com/c/ldd-101 inpyjama's Blog – https://inpyjama.com/hello-world ⭐️ Contents ⭐️
⌨️ (0:00:00) Who we are and our mission
⌨️ (0:01:29) Introduction and layout of the course
⌨️ (0:06:51) Sandbox environment for experimentation
⌨️ (0:11:14) Setup for Mac
⌨️ (0:28:41) Setup for Linux
⌨️ (0:44:29) Setup for Windows
⌨️ (1:07:52) Relaunching multipass and installing utilities
⌨️ (1:15:11) Linux Kernel, System and Bootup
⌨️ (1:30:39) User Space, Kernel Space, System calls and device drivers
⌨️ (1:45:20) File and file ops w.r.t device drivers
⌨️ (1:54:28) Our first loadable module
⌨️ (2:28:04) Deep Dive – make and makefile
⌨️ (2:48:12) lsmod utility
⌨️ (2:58:59) insmod w.r.t module and the kernel
⌨️ (3:06:36) rmmod w.r.t module and the kernel
⌨️ (3:12:12) modinfo and the .mod.c file
⌨️ (3:16:19) proc file system, system calls
⌨️ (3:31:38) Exploring the /proc FS
⌨️ (3:37:53) Creating a file entry in /proc
⌨️ (4:07:40) Implementing the read operation
⌨️ (4:22:52) Passing data from the kernel space to user space
⌨️ (4:47:54) User space app and a small challenge
⌨️ (4:55:10) Quick recap and where to next?

ASP.NET Core MVC Course for Beginners (.NET 9)



Learn ASP.NET Core MVC and Entity Framework Core in .NET 9 from scratch with this beginner-friendly, step-by-step tutorial. ✏️ Course developed by @codeafuture
📙 Get his C# eBook: https://codeafuture.gumroad.com/l/csharp-unlocked 💻 Source Code: https://github.com/codeafuture/MyApp—CRUD ⭐️ Chapters ⭐️
⌨️ (0:00:00) Overview
⌨️ (0:00:51) What is MVC?
⌨️ (0:02:32) .NET 9 Setup
⌨️ (0:06:17) File Structure
⌨️ (0:13:20) MVC in Action
⌨️ (0:21:52) IActionResult
⌨️ (0:24:26) Action Parameters
⌨️ (0:29:06) Razor Syntax
⌨️ (0:31:43) Entity Framework Core Code-First
⌨️ (0:45:42) Entity Framework Core Database-First
⌨️ (0:49:22) CRUD Overview
⌨️ (0:51:30) Reading the data
⌨️ (1:04:16) Creating the data
⌨️ (1:14:45) Updating the data
⌨️ (1:22:20) Deleting the data
⌨️ (1:32:27) One to One Relationships
⌨️ (1:44:53) One to Many Relationships
⌨️ (1:58:41) Many to Many Relationships

Kaggle Data Science Competition Course – Solve Three Challenges Step-by-Step



Improve your data science and machine learning skills by completing Kaggle competitions. In this course, Rohan Kumar will teach you how to solve three different Kaggle problems step-by-step, providing valuable insights and practical knowledge. ✏️ Course developed by @SMDS_Studio (00:00) Introduction 📊 (01:10) Advanced Regression Techniques
Kaggle Link: https://www.kaggle.com/competitions/house-prices-advanced-regression-techniques
GitHub Repo: https://github.com/MaizeCobra/Kaggle-Competitions/tree/main/Advanced_Regression%20-%20%20Workspace 📊 (27:27) Titanic Dataset Machine Learning Project
Kaggle Link: https://www.kaggle.com/competitions/titanic
GitHub Repo: https://github.com/MaizeCobra/Titanic-Dataset-Prediction 📊 (58:35) Spaceship Titanic Project Kaggle Link: https://www.kaggle.com/competitions/spaceship-titanic
GitHub Repo: https://github.com/MaizeCobra/Kaggle-Competitions/tree/main/Kaggle_002

The reality of the developer job market with ex-Googler YK Sugi [Podcast #143]



On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews YK Sugi. He's a software engineer and prolific YouTube Computer Science tutorial creator. He's worked at Google and Microsoft. He runs the CS Dojo channel where he shares his insights on software development, AI, and developer career progressions. We talk about:
– Emerging AI tools and how developers are adopting them
– The role of interest rates in developer hiring
– Japan's developer work culture VS the US
– How not to burn out Can you guess what song I'm playing in the intro? Also, I want to thank the 10,993 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Or you can listen to the podcast in Apple Podcasts, Spotify, or your favorite podcast app. Be sure to follow the freeCodeCamp Podcast there so you'll get new episodes each Friday. Links we talk about during our conversation: – YK's freeCodeCamp article on the resume he used to get a job at Google: https://www.freecodecamp.org/news/heres-the-resume-i-used-to-get-a-job-at-google-as-a-software-engineer-26516526f29a/ – YK's freeCodeCamp article about leaving his job at Google to focus on entrepreneurship: https://www.freecodecamp.org/news/why-i-left-my-100-000-job-at-google-60b5cf4ebefe/ – YK's popular CS Dojo YouTube channel: https://www.youtube.com/c/CSDojo – YK on Twitter: https://x.com/ykdojo

Microsoft 365 Certified Fundamentals (MS-900) Certification Course – Prepare For and Pass the Exam



Prepare for the Microsoft 365 Certified Fundamentals (MS-900) certification and pass! Demonstrate understanding of Microsoft 365, to deliver industry-leading productivity apps along with intelligent cloud services, and world-class security. ✏️ Course developed by Andrew Brown of ExamPro. @ExamProChannel ☁️ 00:00:00 Introduction
⌨️ Introduction
⌨️ Exam Guide Breakdown ☁️ 00:12:17 Cloud Concepts
⌨️ What is Cloud Computing
⌨️ Common Cloud Services
⌨️ What is Microsoft and Azure
⌨️ Benefits of Cloud Computing
⌨️ Types of Cloud Computing
⌨️ Types of Cloud Computing Responsibilities
⌨️ Cloud Deployment Model
⌨️ Total Cost of Ownership
⌨️ CAPEX vs OPEX ☁️ 00:30:17 Cloud Architecture Terminologies
⌨️ Cloud Architecture Terminologies
⌨️ High Scalability
⌨️ High Elasticity
⌨️ Fault Tolerance
⌨️ High Durability
⌨️ High Availability ☁️ 00:38:13 Microsoft 365 Apps and Services
⌨️ Evolution from Office 365 to Microsoft 365
⌨️ Windows 365
⌨️ Microsoft 365
⌨️ Microsoft 365 Apps
⌨️ Microsoft Project
⌨️ Microsoft Planner
⌨️ Microsoft Bookings
⌨️ Microsoft To Do
⌨️ Microsoft Exchange Online
⌨️ Microsoft Forms
⌨️ Microsoft Lists
⌨️ Create an Account
⌨️ Create New User in Microsoft 365 Admin Center
⌨️ Access Microsoft 365 Apps ☁️ 01:02:51 Collaboration solutions in Microsoft 365
⌨️ Microsoft Teams
⌨️ Collaborative Apps
⌨️ Microsoft Power Platform
⌨️ Yammer
⌨️ Microsoft Viva
⌨️ Viva Connections
⌨️ Viva Insights
⌨️ Viva Topics
⌨️ Viva Learning
⌨️ Microsoft SharePoint
⌨️ Microsoft OneDrive
⌨️ Microsoft Stream
⌨️ Outlook ☁️ 01:25:56 Endpoint management capabilities of Microsoft 365
⌨️ Microsoft Endpoint Manager
⌨️ Co management
⌨️ Endpoint Analytics
⌨️ Endpoint Analytics scores
⌨️ Windows Autopilot
⌨️ Azure Virtual Desktop
⌨️ Windows as a Service
⌨️ Deployment for Microsoft 365 apps
⌨️ Deploy Office 365 ☁️ 01:43:38 Analytics capabilities of Microsoft 365
⌨️ Microsoft 365 Admin center and user portal
⌨️ Microsoft 365 ⌨️ Reports in Microsoft 365 admin center
⌨️ Reports in other admin centers
⌨️ Access Microsoft 365 Admin Center ☁️ 01:50:32 Zero trust security principles for Microsoft 365
⌨️ Zero Trust Model
⌨️ Six Foundational Pillars
⌨️ Defense in Depth ☁️ 01:56:40 Identity and access management solutions in Microsoft 365
⌨️ Microsoft Entra ID
⌨️ Cloud Identity Models
⌨️ Cloud only Identity
⌨️ Hybrid Identity
⌨️ Multi Factor Authentication MFA
⌨️ Conditional Access
⌨️ Enable MFA for Microsoft 365 Users ☁️ 02:14:19 Threat protection solutions in Microsoft 365
⌨️ Microsoft Defender XDR
⌨️ Defender for Endpoint
⌨️ Defender for Office 365
⌨️ Defender for Identity
⌨️ Microsoft Defender Portal
⌨️ Defender for Cloud Apps
⌨️ Microsoft Secure Score
⌨️ Common types of threats
⌨️ How Microsoft addresses the most common threats
⌨️ Azure Sentinel
⌨️ Microsoft Security Reports
⌨️ Microsoft 365 Defender ☁️ 02:40:43 Security compliance and privacy solutions in Microsoft 365
⌨️ Regulatory Compliance
⌨️ Compliance Solutions in M365
⌨️ Service Trust portal
⌨️ Data Residency
⌨️ Microsoft Purview Information Protection
⌨️ Data classification capabilities
⌨️ Sensitivity labels
⌨️ Sensitivity Label Policies
⌨️ Retention policies and labels
⌨️ Records Management
⌨️ Data loss prevention DLP
⌨️ Compliance portal
⌨️ Compliance Manager
⌨️ Compliance Score
⌨️ Insider risk management solutions
⌨️ eDiscovery
⌨️ Microsoft Purview Audit
⌨️ Microsoft Priva
⌨️ Microsoft privacy principles
⌨️ Microsoft Purview Overview ☁️ 03:27:26 Microsoft 365 Pricing and Billing Management
⌨️ Cloud Solution Provider CSP
⌨️ Enterprise Agreements
⌨️ Billing and Billing Management
⌨️ Billing Profile ☁️ 03:34:15 Identify licensing options available in Microsoft 365
⌨️ Microsoft 365 Subscription plans
⌨️ Microsoft 365 for business
⌨️ Microsoft 365 Enterprise
⌨️ Microsoft 365 Licenses and addons ☁️ 03:41:41 Support offerings for Microsoft 365 services
⌨️ Support options for Microsoft 365 services
⌨️ Support Request
⌨️ Service Level Agreement
⌨️ Health Status of Microsoft 365 services
⌨️ Share feedback on M365 services
⌨️ Support requests in Microsoft 365 admin center