I finally did another backend video. In this video we will be covering every step needed in order to build a url shortener fro scratch. We will do this using Node.js, Express, and MongoDB. I really hope you enjoy this video, and if you want more backend videos like this let me know in the comments.
? IMPORTANT:
Free 2021 Roadmap: https://webdevsimplified.com/web-dev-roadmap.html
Knowing what to learn as a developer is hard. Most roadmaps include hundreds of things to learn which is just not possible for anyone which is why I created my own roadmap. Instead of listing out every possible thing you can learn I only list the things that are most important to learn. I also include links to countless tutorials, videos, and articles covering nearly every topic you need to learn to become a developer in 2021.
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:21 - IMPORTANT: Free Roadmap
01:14 - Frontend Start - HTML
02:09 - CSS
03:11 - JavaScript
05:42 - Frontend Frameworks
07:19 - Backend
08:28 - Backend Framework
10:18 - Important Backend Concepts
11:21 - Databases
12:34 - Backend And Frontend Concepts
13:51 - Things To Watch For In 2021
#WebDev2021 #WDS #WebDevRoadmap
...
https://www.youtube.com/watch?v=AWeWihbC0YU
In this video I will be breaking down the entire process of building a quiz application using JavaScript. We will also be styling the entire application using modern styling practices. This video will not only teach you how to build a quiz application, but it will breakdown the steps you need to take when building any project.
We will be using modern JavaScript best practices to create this application. We will also be using CSS variables to make changing our site on demand incredibly easy. By the end of this video you will have an entire quiz application built which can be easily extended and customized.
? Materials/References:
CSS Box Model Explained: https://youtu.be/rIO5326FgPE
GitHub Code: https://github.com/WebDevSimplified/JavaScript-Quiz-App
CodePen Code: https://codepen.io/WebDevSimplified/pen/xNvaaz
? Concepts Covered:
- How to dynamically show/hide elements
- How to remove child elements
- Array randomization
- Who the best YouTuber is ?
- CSS variables
? Find Me Here:
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#QuizApp #WDS #JavaScript
...
https://www.youtube.com/watch?v=riDzcEQbX6k
Design patterns are one of most controversial topics in software development. Many people say that they are overly complicated and make code more difficult to read, but when used properly they are an amazing tool. In this video I will explain what design patterns are, why you should use them, and the benefits of learning them.
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
#DesignPatterns #Programming
...
https://www.youtube.com/watch?v=BWprw8UHIzA
Building beautiful charts in React/Next.js is not easy, but in this video I will show you exactly how to build a robust and beautiful chart system with Next.js.
? Materials/References:
Starting GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-mvp-discount-codes
Ending GitHub Code: https://github.com/WebDevSimplified/next-js-ecommerce-dashboard-charts
Next.js Ecommerce Video: https://youtu.be/iqrgggs0Qk0
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:31 - Setup
02:40 - Basic Chart
11:55 - Orders By Day Chart
23:14 - Users By Day Chart
28:10 - Revenue By Product Chart
34:24 - Basic Date Range Filter
49:40 - Custom Date Range Filter
59:26 - Chart Interval Improvements
#NextJS #WDS #Ecommerce
...
https://www.youtube.com/watch?v=15qMh8C1Wzo
Cross Site Request Forgery (CSRF) is one of the most common security vulnerabilities that most sites face, but many people don’t actually protect from it. In this video I will show you what CSRF is, how to protect against it, and what could happen if you don’t.
? Materials/References:
Session Auth Tutorial: https://youtu.be/mL8EuL7jSbg
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:52 - Project Overview
02:42 - How CSRF Works
05:15 - How To Fix CSRF Vulnerabilities
#CSRF #WDS #WebSecurity
...
https://www.youtube.com/watch?v=80S8h5hEwTY
I love type safety, but have always been disappointed in the type safety of modern routers. That is until now. Tanstack Router is incredible at giving you a fully type safe router which makes coding so much nicer and easier. In this video I talk about what Tanstack Router is and how you can get started with it.
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
01:30 - Overview
03:00 - Simple Example
05:39 - More Complex Example
#TanstackRouter #WDS #ReactJS
...
https://www.youtube.com/watch?v=OwoZtv6u9p4
? IMPORTANT:
CSS Course: https://courses.webdevsimplified.com/learn-css-today
Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
There are nearly infinite possibilities with CSS, which means there are tons of properties most people do not know. In this video I talk about the 5 coolest CSS properties that nearly nobody knows about.
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:35 - Text Overflow Ellipsis
02:42 - Text Shadow
04:01 - Background Clip Text
06:08 - The All Property
07:06 - Easy Pill Shaped Buttons
08:50 - Outro
#CSSTips #WDS #Top5CSS
...
https://www.youtube.com/watch?v=X6tTBxEmZCE