Learn JavaScript - Full Course for Beginners
Vložit
- čas přidán 2. 07. 2024
- More courses coming soon at: stevencodecraft.com
My iOS app for workout plans, meal plans, recipes, grocery lists, etc.
apps.apple.com/us/app/fitfuel...
My web app for workout plans, meal plans, recipes, and grocery lists
fitfuelplanner.com
GitHub repository for course
github.com/stevenGarciaDev/ja...
⭐️ Contents ⭐️
Section 1: Getting Started
(00:00:00) Introduction
(00:01:05) What is JavaScript?
(00:02:13) Setting up the Development Environment
(00:07:08) Follow on social media
Section 2: JavaScript Variables
(00:07:29) Variables
(00:12:23) Constants
(00:14:14) Primitive Types
(00:19:13) Dynamic Typing
(00:20:56) Objects
(00:24:21) Arrays
(00:27:07) Functions
(00:29:31) Types of Functions
(00:31:13) Summary of Variables
Section 3: JavaScript Operators
(00:32:14) Intro to Operators
(00:32:28) Arithmetic Operators
(00:35:26) Assignment Operator
(00:36:07) Comparison Operators
(00:38:05) Equality Operators
(00:41:22) The Ternary Operator
(00:43:30) Logical Operators
(00:51:02) Logical Operators with Non-booleans
(00:54:20) Operator Precedence
(00:55:12) Summary of Operator
Section 4: Control Flow
(00:56:14) If-Else Statements
(01:00:46) Switch-Case Statements
(01:05:15) For Loops
(01:10:41) While Loops
(01:13:48) Do-while Loops
(01:15:27) Infinite Loops
(01:17:16) For-in Loops
(01:19:26) For-of Loops
(01:21:21) Break and Continue
(01:29:44) Exercise: Max of two numbers
(01:30:48) Exercise: FizzBuzz
(01:33:19) Exercise: Even and Odd Numbers
(01:34:46) Summary of Control Flow
Section 5: JavaScript Objects
(01:35:38) Object Literals
(01:37:09) Factory Functions
(01:40:16) Constructor Functions
(01:43:53) Objects are Dynamic
(01:46:22) The Constructor Property
(01:48:08) Functions are Objects
(01:51:14) Value vs Reference types
(01:53:37) Enumerating Properties of an Object
(01:57:26) Cloning an Object
(01:59:43) Garbage Collection
(02:00:11) The Built in Math Function
(02:03:02) String Methods
(02:08:35) Template Literals
(02:10:41) The Date Object
(02:12:55) Summary of Objects
Section 6: JavaScript Arrays
(02:13:46) Introduction to Arrays
(02:14:22) Adding Elements
(02:17:17) Finding Elements (Primitives)
(02:20:56) Finding Elements (Reference Types)
(02:23:23) Arrow Functions
(02:25:59) Removing Elements
(02:28:49) Emptying an Array
(02:31:08) Combining and Slicing Arrays
(02:32:58) Spread Operator
(02:34:31) Iterating an Array
(02:36:27) Joining Arrays
(02:41:02) Sorting Arrays
(02:45:49) Testing the Elements of an Array
(02:49:55) Filtering an Array
(02:53:02) Mapping an Array
(02:57:26) Reducing an Array
Section 7: JavaScript Functions
(03:01:04) Function Declarations vs Expressions
(03:03:38) Hoisting
(03:05:49) Arguments
(03:09:12) The Rest Operator
(03:13:31) Default Parameters
(03:17:30) Getters and Setters
(03:21:42) Try and Catch
(03:24:41) Local vs Global Scope
(03:27:46) Let vs Var
(03:30:54) The ‘this’ keyword
Subscriber count: 1
Thank you for watching my first coding course. I'll be making more content on my CZcams channel covering React, Expo React Native (mobile apps), C#, and .NET API development.
Good brother.. Looking forward for more informative videos.
This is exactly what I'm looking for
Thank you so much
as a beginner, your course is helpful. thank you
Thank you for your comment, I really appreciate it
All the best for your upcoming videos bro
Thank you so much for taking the time to comment. I appreciate it!
Beautiful. Just started learning JS and here you are to save the day. I will be waiting for your intermediate course by the time I finish this. That would be awesome, but I also realize you are a human and must be busy in life. DOM and other concepts of intermediate level would be awesome.
Thank you very much for your comment. I'm currently working on more content on HTML5 and CSS3 and then working on the JavaScript course. I will be sure to include a section on DOM manipulation.
Thanks for this video ❤
Love this content!
Thank you very much for your comment!
I've completed this course and it was wonderful and to the point. Eagerly waiting for your next video on adv. JS.
Any updates on when it'll come ?
Thank you very much for your comment and watching my course. I'm currently working on uploading another video teaching a simple Expo React Native (mobile app). After which I'll be making courses on
* HTML5 & CSS3
* Advanced JavaScript
* React
Exercise find the max number
We can also used if else Condition to find max number instead of function??
For finding the max number, there are many different ways to achieve it.
if-else statements are one way to do it.
let num1 = 7;
let num2 = 10;
let maxNumber;
if (num1 > num2)
maxNumber = num1;
else
maxNumber = num2;
You could also use a ternary operator.
let maxNumber = (num1 > num2) ? num1 : num2;
The quickest way to achieve this is with:
let maxNumber = Math.max(num1, num2);
Didn't watch the whole video
Well edited and covers a lot
Thank you very much for your comment!
Just a quick question what are the prerequisites for learning React Native ? Can I start learning RN after completing this course ?
The prerequisites for React Native are HTML, CSS, JavaScript, and React. I'm currently working on making a React Native course which I'll be releasing soon on my channel.
Learning these foundational technologies will enable you to more easily follow along React Native courses.
I'll also be making tutorials for each of the technologies that I mentioned.
Thank you for your comment, I really appreciate it.
Your course is too Good for beginners, can you make a video about null colescing operator ...
Thank you for your feedback, for more info about null coalescing operators:
This refers to the case when a value/operand is falsy. So if it's falsy, we'd use the null coalescing operator, ??, to provide a default value.
Example:
let name = "";
const result = name ?? 'default name';
console.log(result); // the name would be 'default name';
Hi can I ask something
I completed almost half the course
What should we do after completing this course
Can you give me proper guidelines?
So for web development, check out free courses on the FreeCodeCamp CZcams channel.
The best things to learn are:
* HTML and CSS
* React
I'm currently working on making more content and will be uploading soon.
Browser console or at least by changing node- is theme to white it’s hard to see and you speak too fast sorry also you should have create index file to show real problem and solution how ever thx u for video
Thank you for your feedback and I’ll be making more videos which will be at a more normal talking speed.