Javascript - Vanilla
Vanilla is a name to refer to using plain JavaScript without any additional libraries like jQuery. People use it as a joke to remind other developers that many things can be done nowadays without the need for additional JavaScript libraries.
Tutorials
Getting Started With Javascript | Javascript Tutorial For Beginners - Dev Ed
Getting Started With Javascript | Learn Javascript For Beginners
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will also look at VSCode as our main text editor with some simple extensions that are going to help us write better/easier code.
Getting started connecting our Javascript with our HTML page and writing our first javascript code.
Things covered in this video:
- - What we can do with Javascript.
- - How to connect Javascript to our HTML page.
- - Simple javascript devtools.
- - Getting started writing simple javascript code.
Javascript Variables & Data Types | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will also cover how to create a variable and what types of data we can include inside one. We will also cover the different type of
variables available in javascript from var,let to const.
Things covered in this video:
- - How to create a simple variable.
- - How to use strings, numbers and booleans in javascript.
- - Differences between var let and const.
Javascript Functions & Parameters | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will also cover how to create functions and use them to write clean and scoped code in javascript. After we are going to create a
simple function that is going to take a string and uppercase it for us once we invoke the function.
Finally we are going to look at 3 different ways of writing a function. The ES6 being my favourite, arrow function.
Things covered in this video:
- - How to create a function in javascript.
- - Different types of functions we can use.
- - How to add parameters in functions.
Javascript String Concatenation | Javascript Tutorial For Beginners | ES6 Tutorial - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will cover how to do string concatenation in javascript with the " + " operator, we will also fix issues on when to use single or
double quotes in strings.
Finally we will take a look at the ES6 way of doing concatenations in javascript using the ${} syntax.
Things covered in this video:
- - How to do simple string concatenations .
- - Differences in using single quotes vs double quotes in strings.
- - Concatenating strings with numbers.
- ES6 string concatenation .
Javascript If Else Statements | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will cover the basic of if statements, if else and else statements in javascript. How to use the different types of operators in
our if statement.
Things covered in this video:
- - How to create an if, else statement in javascript.
- - When to use == or ===.
- - The && operator and || operator.
Javascript Arrays | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We will also cover the basics of arrays and where to use them. The popular ones include using pop method to remove a value from the
end of the array, push method to add a value to the end of the array. Shift is used to remove a value from the beginning of the array
and unshift adds a value.
We are also going to take a look on what types of values we can store inside the array. How to access each value by its index and
modify them as well.
Things covered in this video:
- - Basics of javascipt arrays.
- - How to add and remove values inside of an array.
- - How to modify a specific value of an array.
- - How to access each value.
Javascript Objects and Keyword This | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
If you want to learn how to create objects in javascript you have come to the right place. We will also be looking at the confusing
this keyword in javascript that alot of people find confusing.
Things covered in this video:
- - Javascript this keyword.
- - How to create javascript objects.
- - How to attach methods to javascript objects.
Javascript For Loop and While Loop | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
We are going to take a look on how to create a foor loop, the modern and easy way using ES6. Another loop we can use is a while loop
that takes a condition and it is going to run until the statement inside the while loop becomes false.
Things covered in this video:
- - How to create a for loop in javascript.
- - How to create a while loop in javascript.
Javascript Dom Manipulation | Javascript Tutorial For Beginners - Dev Ed
In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn
javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn
javascript as your first programming language.
In this final video we are going to take everything we learning is this beginner javascript series so far and we are going to use our
knowledge to add a bit of movement to our html page.
Things covered in this video:
- - How to grab elements from our HTML.
- - How to add classes in javascript.
- - Create a todo list type app in vanilla javascript.
JavaScript Crash Course For Beginners - Traversy Media Ed
In this crash course we will go over the fundamentals of JavaScript including more modern syntax like classes, arrow functions, etc.
This is the starting point on my channel for learning JS.
ES6 Javascript Tutorial For Beginners | ES6 Crash Course - Dev Ed
This is a crash course of all the new features in javascript (ES6). We are going to take a look at all the new features, we will be
writing all the code in old vanilla javascript and then we will refactor everything to ES6.
This course covers topics like arrow functions, the difference between a normal function and arrow functions, why not to use var and
switch to const and let variables, object deconstruction, default parameters, switching from constructor functions to classes,
promises and more.
I highly reccomend you take this course if you are a bit familiar with javascript and you want to learn all the modern features
available in ES6, also known as ECMA Script 2015.
Projects
Beginner Vanilla Javascript Project Tutorial - Dev Ed
In this episode we are going to cover a small project of the full Creative Javascript Course, a todo list in vanilla js. We are going
to put together all the fundamental javascript techniques including local storage.
Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners - Dev Ed
Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners
15 Vanilla Javascript Projects - Coding Addict
15 verschillende Vanilla Javascript projecten inclusief toelichting
Build A Meditation App With Javascript HTML & CSS! - Dev Ed
We will be creating a meditation/ambient sounds app that a user can enjoy by picking the amount of time to listen to and choose
different ambient sounds.
We will take a look at working and manipulating music and video with javascript and how to build out a timer. Feel free to add this
project to your portofolio if you wish!
Lets build out a meditation app with html css and javascript!
Javascript Rock Paper Scissors Game Tutorial | Web Development Tutorial - Dev Ed
Today we are going to learn how to make a rock paper and scissors game in javascript similar to the one on freecodecamp but with a bit
more movement and animation!
We are going to cover the rock paper scissor game with vanilla javascript, by creating small functions to abstract our code based on
what it does.
This project is great if you want to practice your vanilla javascript skills by building a rock paper scissors game. Inspired from
freecodecamp rock paper scissor javascript game.
Rock Paper Scissors Game - UI & JavaScript - Traversy Media
In this video we will build a rock paper scissors game from scratch including the HTML, CSS and JavaScript. No libraries or
frameworks, just pure vanilla JavaScript.
Pure JavaScript Type Writer Effect - Traversy Media
In this project we will create a little website with a type writer effect using pure vanilla JavaScript. We will also do some CSS
(Flexbox, etc)
Copyright © 2020 sowebsited.com