Deno V1 has just released and it brings some pretty drastic changes to the way JavaScript can be run outside of the browser. It has built in Typescript support, no package manager, security-first design, and much more, but what does that mean for you? Will Deno replace Node? I will be discussing all of that and more in this video.
Machine learning is awesome. Who doesn't want to build a cool AI that you can teach to do anything. The only problem is machine learning is very confusing. In this video I breakdown what a neural network is, how you can create one, and how to train it. By the end of this video you will have a fully functional AI.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Machine-Learning-Color-Contrast-Picker
Brain.js Library: https://brain.js.org
? Concepts Covered:
- How to use brain.js
- What a neural network is
- How neural networks work
- How to train and use a neural network
? 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
#MachineLearning #WDS #JavaScript
...
https://www.youtube.com/watch?v=60c4rMq-aH0
No! You should never lie on your resume. Doing so will only disqualify you from jobs and make employers never want to hire you. Instead you should stretch the truth to your advantage.
? 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:22 - Don't Lie About Facts
01:42 - Only Include Your Strengths
02:56 - Make Experience As Applicable As Possible
04:06 - Don't Claim Tutorial Projects As Your Own
05:45 - Customize Your Resume For Each Job
#ResumeTips #WDS #WebDevelopment
...
https://www.youtube.com/watch?v=HPecBVCIE9s
Visual Studio Code is so amazing because of all the great extensions it has to offer. Sometimes, though, the extension you need is not available so you need to create it yourself. In this video I will show you how to create your very own VSCode extension and how to deploy it so anyone can download it.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/vscode-extension-blog-searcher
Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU
? 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:34 - Setup
06:34 - Creating A Command
08:28 - Writing Extension
18:02 - Publishing Extension
#VSCode #WDS #Extension
...
https://www.youtube.com/watch?v=q5V4T3o3CXE
? IMPORTANT:
Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today
One of the best ways to improve your CSS skills is to clone existing websites. In this video I will be cloning the YouTube home page with just HTML and CSS. This clone is not 100% exactly like the YouTube homepage, but it is 95% the same which is good enough when you are creating a clone with the sole purpose of learning.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/YouTube-Design-Clone
Icons: https://material.io/resources/icons
attr Blog Article: https://blog.webdevsimplified.com/2019-10/use-data-attributes-in-css
Emmet Tutorial: https://youtu.be/V8vizNQKtx0
? Concepts Covered:
- How to use CSS grid
- How to use flexbox
- How to get high quality icons for free
? 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:40 - Demo
01:28 - Video Section HTML
06:26 - Videos Section CSS
20:43 - Categories Section HTML
22:40 - Categories Section CSS
26:40 - Header Section HTML
30:51 - Header Section CSS
36:01 - Outro
#CSS #WDS #YouTubeClone
...
https://www.youtube.com/watch?v=rhPSo4_Tgi0
JavaScript has lots of array methods for doing things like sorting and reversing arrays, but the biggest problem with all these methods is they mutate the array you are working with. This is a huge problem when you are trying to write React code, functional code, or pure functions. This is why I love the new array methods that add immutable versions of all the mutable array methods we are used to.
? 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:36 - Immutability Explanation
02:45 - with Method
03:50 - toSorted Method
05:31 - toReveresed Method
06:00 - toSpliced Method
07:15 - Browser Support
#JSArrayMethods #WDS #Immutability
...
https://www.youtube.com/watch?v=3CBD5JZJJKw
As a programmer we spend most of our day in front of a computer, and the majority of that time is spent in our favorite editor/IDE. Because of this, it is crucial that we are as efficient as possible in our editor of choice. This is where keyboard shortcuts come in. Knowing the proper keyboard shortcuts for each situation will save you time and make programming more enjoyable. In this video I will be going over the 10 most commonly used keyboard shortcuts that every programmer should know.
If you feel I missed any shortcuts please let me know down in the comments below.
Keyboard Shortcuts Article: https://blog.webdevsimplified.com/2020-08/10-best-keyboard-shortcuts
[0:00] - Introduction
01. [01:45] - (Ctrl + C) Copy/(Ctrl + X) Cut/(Ctrl + V) Paste Whole Lines
02. [02:44] - (Ctrl + /) Toggle Comment on Highlighted Lines
03. [03:29] - (Ctrl + P) Open File Within Project By Name
04. [04:00] - (Ctrl + F) Find In File, (Ctrl + Shift + F) Find In Project
05. [04:51] - (Tab) Indent Highlighted Lines, (Shift + Tab) Unindent Highlighted Lines
06. [05:20] - (Ctrl + N) Create New File
07. [05:36] - (Ctrl + Enter) Create New Line Below Current Line Independent of Cursor Position
08. [06:10] - (Ctrl + Left/Right Arrow) Move Cursor Whole Words At A Time
09. [06:45] - (Shift + Left/Right Arrow) Highlight Characters With Arrow Keys
10. [07:04] - (Ctrl + S) Save File, (Ctrl + A) Select All, (Ctrl + Z) Undo, (Ctrl + Shift + Z)/(Ctrl + Y) Redo
08:47 - Recap of all Shortcuts
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
#KeyboardShortcuts #Programming #VSCode
...
https://www.youtube.com/watch?v=GmdN0kQ2rIs
There are so many HTML tags that it is nearly impossible to know them all, which means there are tons of tags most people do not know. In this video I talk about the 5 coolest HTML tags that nearly nobody knows about.
? Materials/References:
Template Tag Article: https://blog.webdevsimplified.com/2020-06/template-tag
? 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 - Fieldset
01:43 - Datalist
03:13 - Color Picker
04:11 - Progress Bar
04:52 - Open Graph
07:51 - Sub/Sup
09:18 - Picture
13:19 - Template
15:19 - Outro
#HTML #WDS #Top5HTML
...
https://www.youtube.com/watch?v=iX_QyjdctsQ
In this video we will be setting up the book's Index/Create/New routes. To do this we will need to:
1. Create a book model
2. Create a book controller
3. Create book views
4. Interact with our database to find and create books
5. Handle validation errors
6. Setup file upload
7. Store uploaded files
Code For This Video:
https://github.com/WebDevSimplified/Mybrary/tree/v1.2
Previous Video:
https://youtu.be/esy4nRuShl8
Next Video:
https://youtu.be/Xm5MzWvklbI
Playlist:
https://www.youtube.com/playlist?list=PLZlA0Gpn_vH8jbFkBjOuFjhxANC63OmXM
Twitter:
https://twitter.com/DevSimplified
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
#Node.js #FullStack #MongoDB
...
https://www.youtube.com/watch?v=Zi2UwhpooF8