Coding For Kids And Parents: Html, Css, And Javascript Es6

Learn to code for the web! A comprehensive beginner's guide on programming languages and web development. You can code!

What you'll learn
Learn the basics of computer programming
Learn CSS
Learn HTML
Get started with JavaScript basics
Learn about ES6 and its new features
Apply ES6 concepts in your projects
Use build tools like Gulp and Webpack
Compile ES6 into ES5 using Babel
Requirements
An up-to-date web browser
A word processor such as Notepad
Basic HTML/CSS knowledge is helpful but not required
Description
"Easy peasy. very well broken down." - Blake H."I am an adult beginner. I think the animation is fun and the vocals are entertaining that explain the concepts fully. Thank You, the world will be quite smarter with your contribution"Reading for parents:Do your kids spend too much time on the computer, phone or tablet? Don't you wish they could do something more productive? Why not get them to learn a life long valuable skill that will lead them into a career that pays 2 times the national average?Part 1 of this course targets kids. Part 2 targets adults.Programming is the new math. The average computer programmer makes 78'000 a year, and there will always be a need for programmers. The only problem is that all of the educational courses are not tailored towards the learning styles of children. Most documentation is geared towards people over 18. Our course is different.Included in this course is material for beginners to get comfortable with the interfaces. Please note that we reuse this material in similar courses because it is introductory material. You can find some material in this course in the following related courses:Beginner's ES6 Programming. Code for the Web in JavaScriptUltimate Coding Course for Web App and Android Development Kids Coding - Introduction to HTML, CSS and JavaScriptPart 1 of our course contains animations and screencasts. This course is fun for kids to watch and listen. More and more people are learning to code so do you want your kids to not have the same opportunities as others? This course offers your kids a competitive advantage. Employers look for technical skills and applicants that can code are more attractive to hire. Even if the job isn't technical it always helps to have that technical knowledge to communicate with the technical team. Personally, I like to hire people with programming skills. If they are artists, video editors, or social media marketers, I generally prefer to hire people with programming experience. For Part 2, no prior experience in JavaScript is required. We explore ES6 in depth and cover many of its new features. You learn the newest possibilities and fundamental building blocks of JavaScript.What is ES6?With ES6 (ECMAScript 6th Edition), you can code for the web. ECMAScript is another name for JavaScript. ES6 has standardized features that JavaScript engines implement. ES6 is well-supported across different web browsers. About me, the instructorMy name is John Bura and I have run the software company Mammoth Interactive. We have had a ton of sales on our software which includes XBOX 360, iPad and iPhone games. On top of this I have been teaching people full time since I was 17. With the combination of teaching experience and real world experience, I have a truly unique experience that you can't find anywhere else. The knowledge I give out is from first hand knowledge of the industry and years of teaching experience. Thank you for considering to purchase my course. Even if you choose to not buy it, I wish you and your family a happy road to success. 

Overview

Section 1: Introduction

Lecture 1 Kids Coding – Introduction to programming languages

Section 2: 01. Kids Coding - Let's Begin

Lecture 2 Kids Coding 1 - What languages we will be learning

Lecture 3 Kids Coding 2 - First coding

Lecture 4 Kids Coding 3 - Let's code something fun

Lecture 5 UPDATE! Kids coding – 3.2– Your First Code

Lecture 6 Kids Coding 4 - Congratulations!

Lecture 7 Kids Coding 5 - Differences of coding languages

Lecture 8 Kids Coding 6 - Programming languages 2

Lecture 9 Kids Coding 7 - Programming basics part 1

Lecture 10 Kids Coding 8 - Variables

Lecture 11 Kids Coding 9 - Types of variables INT

Lecture 12 Kids Coding 10 - Float Variables

Lecture 13 Kids Coding 11 - Boolean variables

Lecture 14 Kids Coding 12 - Characters

Lecture 15 Kids Coding 13 - User input and output

Lecture 16 Kids Coding 14 - User input

Lecture 17 Kids Coding 15 - Math

Lecture 18 Kids Coding 15.2 - Co-ordinates

Lecture 19 Kids Coding 16 - How computers do math

Lecture 20 Kids Coding 17 - Modulo and exponents

Lecture 21 Kids Coding 18 - If statements

Lecture 22 Kids Coding 19 - The condition in the if

Lecture 23 Kids Coding 20 - If and else statements

Lecture 24 Kids Coding 21 - If else statements

Lecture 25 Kids Coding 22 - Conditions greater than

Lecture 26 Kids Coding 23 - Less than

Lecture 27 Kids Coding 24 - Equals

Lecture 28 Kids Coding 25 - Does not equal

Lecture 29 Kids Coding 26 - Conditions and operators

Lecture 30 Kids Coding 27 - Or operators

Lecture 31 Kids Coding 28 - Multi conditional statements

Lecture 32 Kids Coding 29 - X, y coordinates in ifs

Lecture 33 Kids Coding 30 - Loops

Lecture 34 Kids Coding 31 - For loops

Lecture 35 Kids Coding 32 - Do while loops

Lecture 36 Kids Coding 33 - Breaks in loops

Lecture 37 Kids Coding 34 - Arrays

Section 3: 02. Kids Coding - Let's Learn HTML

Lecture 38 Talking about the editor and !DOCTYPE

Lecture 39 Adding an html and body tag

Lecture 40 Adding the paragraph tag

Lecture 41 Adding headers and talking about different headers

Lecture 42 Talking about text formatting in the editor and in the output

Lecture 43 Adding breaks to the code

Lecture 44 Adding in text formatting

Lecture 45 Adding in strong text

Lecture 46 Adding in other text formatting

Lecture 47 Variables

Lecture 48 Styling link text

Lecture 49 Adding an image

Lecture 50 Editing the height and the width of an image

Lecture 51 Adding the alt property to an image tag

Lecture 52 Adding a clickable link to an image

Lecture 53 Comments

Lecture 54 Tables

Lecture 55 Tables, adding columns

Lecture 56 Adding rows to tables

Lecture 57 How to comment effectively

Lecture 58 Talking about code complexity

Lecture 59 Adding a table header plus editing the text with takes

Lecture 60 Un ordered lists

Lecture 61 Ordered List

Lecture 62 Lists within lists

Lecture 63 Definition lists

Lecture 64 Adding unordered lists to definition lists

Lecture 65 Playing around with HTML

Lecture 66 Title Tags

Lecture 67 Div tags

Lecture 68 Talking about block level and inline level an span tags

Lecture 69 HTML

Lecture 70 Test #1 Solution

Lecture 71 Test #2

Lecture 72 HTML

Lecture 73 Test #3

Lecture 74 Test #3 solution

Lecture 75 Test #4

Lecture 76 Test 4 Solution

Lecture 77 Test #5

Lecture 78 Test #5 Solution

Lecture 79 Test # 6

Lecture 80 Test 6 solution

Lecture 81 Test # 7

Lecture 82 Test 7 solution

Lecture 83 Test #8

Lecture 84 test 8 solution

Lecture 85 Test #9

Lecture 86 Test 9 solution

Lecture 87 Forms

Lecture 88 The password input type

Lecture 89 The color input type

Lecture 90 Date input type

Lecture 91 Adding in a file input type

Lecture 92 Range input type

Lecture 93 Adding in a search field

Lecture 94 Adding in a submit button

Lecture 95 Adding in radio button input types

Lecture 96 Adding in a checkbox input type

Lecture 97 Introduction to styles

Lecture 98 Paragraph styles

Lecture 99 Adding in the background color and multiple attributes

Lecture 100 Aligning text

Lecture 101 Adding in a margin of both left and right

Lecture 102 Adding styles to a table

Lecture 103 Aligning a table to the center

Lecture 104 Adding in a margin to the table

Lecture 105 Changing the width of the style points

Lecture 106 Changing the font in the style

Lecture 107 Cleaning up the project and changing the color and more

Lecture 108 Adding in columns with table and building a website

Lecture 109 Adding in the previous style attributes

Lecture 110 Changing the cell color

Lecture 111 Changing the cell width

Lecture 112 Changing the colors back to the original color

Lecture 113 Align the text vertically to the top

Lecture 114 Talking about the sizes and being aware of bigger size

Lecture 115 Adding in a table header to the columns

Lecture 116 Adding the content

Lecture 117 Time to make your own website

Lecture 118 Saving your HTML website

Lecture 119 Test 1

Lecture 120 Test 1 solution

Lecture 121 Test 2

Lecture 122 Test 2 solution

Section 4: 03. Kids Coding - CSS

Lecture 123 Introduction to CSS

Lecture 124 Talking a little more about css

Lecture 125 Talking a bit about the JS bin website

Lecture 126 Lets get our hands dirty and talk about CSS

Lecture 127 Adding some more CSS code

Lecture 128 The power of CSS

Lecture 129 Setting colors to RGB values

Lecture 130 Adding a background image

Lecture 131 More background image options

Lecture 132 Aligning text

Lecture 133 Text transform

Lecture 134 Indenting text

Lecture 135 Text decorations

Lecture 136 Changing fonts in CSS

Lecture 137 Serif fonts, sans-serif fonts and monospace fonts

Lecture 138 More fonts like cursive and fantasy

Lecture 139 Font - styles

Lecture 140 Other ways to use the font family

Lecture 141 Adding bold weight to your fonts

Lecture 142 Fail safe fonts

Lecture 143 Adding in styling points to other tags

Lecture 144 Changing the list style type for un ordered lists

Lecture 145 Changing ordered lists styles

Lecture 146 Adding a image as the list item

Lecture 147 Tables in CSS

Lecture 148 Adding in style points to tables

Lecture 149 Changing the width and height of the table cells

Lecture 150 Changing the background color in tables

Lecture 151 Table padding

Lecture 152 Adding a background image to a table

Lecture 153 A tags

Lecture 154 Changing Colors

Lecture 155 More about a tags

Lecture 156 Padding, border, margin

Lecture 157 Border style

Lecture 158 Border styles continued

Lecture 159 Opacity

Lecture 160 Adding the class id

Lecture 161 Div tags and CSS

Lecture 162 Span tags

Lecture 163 Changing table tags

Lecture 164 More adjusting on tables and class ID

Lecture 165 Adding more class IDs to tables

Lecture 166 Class ID table header

Lecture 167 Class ID with unordered lists

Lecture 168 Orderlists and classes

Lecture 169 List item class IDs

Section 5: Parents Coding - Introduction to ES6

Lecture 170 What is ES6?

Lecture 171 Functionality of ES6

Lecture 172 Testing your Code

Lecture 173 ES6 Common Pitfalls

Lecture 174 ES6 Important Things to Know

Lecture 175 ES6 Tips to get started with Javascript

Lecture 176 ES6 Top 7 Things you will Learn

Section 6: Basic Types

Lecture 177 Numbers and Strings

Lecture 178 Introduction to Booleans

Lecture 179 Further Look into Booleans

Lecture 180 Objects

Lecture 181 Further Look into Objects

Lecture 182 Arrays

Lecture 183 Further Look into Arrays

Section 7: Variables

Lecture 184 Introduction to Variables

Lecture 185 Variable Arrays

Lecture 186 Boolean Variables

Lecture 187 Naming Conventions for Variables

Lecture 188 Scoping and Intro to Let

Lecture 189 Let Statements

Lecture 190 Intro to Const

Lecture 191 Summary

Section 8: Operators

Lecture 192 Intro to If Statements

Lecture 193 Equal Sign Operators

Lecture 194 Other Comparison Operators

Lecture 195 Nested If Statements

Lecture 196 Logical Operators

Lecture 197 Not Operators

Lecture 198 Else and Else If

Section 9: Functions

Lecture 199 Introduction to Functions

Lecture 200 Making Code Reusable

Lecture 201 The Return Keyword

Lecture 202 Hoisting

Lecture 203 Function Expressions

Lecture 204 Functions Changing Non-Primitive Properties

Lecture 205 Nested Functions

Lecture 206 Internal Functions

Lecture 207 Un-Nesting Functions

Section 10: More Functions

Lecture 208 Function Expressions

Lecture 209 Returns and Brackets

Lecture 210 Example of a Concise Function

Lecture 211 For Each Loop

Lecture 212 Default Values

Lecture 213 Reset Parameters

Lecture 214 Arrow Functions

Lecture 215 Note about Enclosing Context

Section 11: Switch Statements

Lecture 216 Introduction

Lecture 217 Break Statement

Lecture 218 Volume Example

Lecture 219 Alternate Methods

Lecture 220 Return Statements

Section 12: Loops

Lecture 221 Introduction

Lecture 222 While Loops

Lecture 223 Integer and Names Examples

Lecture 224 Do While Loop

Lecture 225 Purchase Validity Check Example

Lecture 226 For Loop

Lecture 227 Else If Statements in For Loops

Lecture 228 Controlling Loops

Lecture 229 Closing Over For Loop

Lecture 230 For In and For Each Loops

Lecture 231 For Of Loop

Lecture 232 Sets in For Of Loops

Section 13: Document Object Model (DOM)

Lecture 233 Introduction

Lecture 234 Example Using DOM

Lecture 235 getElementbyId

Lecture 236 Creating Additional Divs

Lecture 237 List Example with getElementById

Lecture 238 DOM Query Selector

Lecture 239 Selecting Multiple Things at Once

Lecture 240 Traversing the DOM

Lecture 241 Getting and Setting ID and Class

Lecture 242 Styling Divs

Lecture 243 Adding a Class

Lecture 244 Toggling a Class

Lecture 245 Creating Elements

Lecture 246 Appending Elements

Lecture 247 Removing Elements

Section 14: Events

Lecture 248 Introduction

Lecture 249 Buttons

Lecture 250 Firing and Function Removing Events

Lecture 251 Events Propagation

Lecture 252 Common Design Pattern

Lecture 253 Preventing Default Behavior

Lecture 254 Making a Form

Lecture 255 Key Events

Lecture 256 Showing Text when Typing

Lecture 257 DOMContentLoaded

Lecture 258 Load Event

Lecture 259 Adjust Styling

Lecture 260 Recommendations

Section 15: Template Literals

Lecture 261 Introduction

Lecture 262 Printing in the Console

Lecture 263 Quotations

Lecture 264 Nested Template Literals

Lecture 265 Tag Template Literals

Section 16: Destructuring

Lecture 266 Destructuring Arrays

Lecture 267 Swapping Variables

Lecture 268 Ignoring Values and Rest Operator

Lecture 269 Destructuring Objects

Lecture 270 Assigning New Variable Names

Lecture 271 Assigning Default Values

Lecture 272 Getting Parts of Object in Function Parameters

Lecture 273 Destructuring Nested Objects

Lecture 274 For Loops for Destructuring

Section 17: Throw Exceptions and Try…Catch

Lecture 275 Introduction to Throw Exceptions

Lecture 276 Using Constructor Pattern to Instantiate New Objects

Lecture 277 Introduction to Try…Catch

Lecture 278 Verifying a String

Lecture 279 Throwing Errors

Lecture 280 Finally Statement

Lecture 281 Final Thoughts

Section 18: Object-Oriented Programming (OOP) in JavaScript

Lecture 282 Introduction

Lecture 283 Prototype

Lecture 284 Calling a Method

Lecture 285 Arrays in OOP

Lecture 286 Creating Objects

Lecture 287 Object Constructors

Lecture 288 Updating Instances

Lecture 289 Adding Methods to Object Prototype

Lecture 290 Inheriting from Objects

Lecture 291 Cat Example

Lecture 292 Checking Instances

Section 19: Classes, Inheritance and Grouping

Lecture 293 Writing Class as a Declaration

Lecture 294 Writing Class as an Expression

Lecture 295 Inheritance

Lecture 296 Invoking Method on Class

Lecture 297 Customer Example

Lecture 298 Static Methods

Lecture 299 Pros and Cons of Inheritance

Lecture 300 Grouping Without Inheritance

Lecture 301 Functions and Looping Practice

Lecture 302 Refactoring Code

Lecture 303 Final Thoughts

Section 20: Callbacks and Promises

Lecture 304 Introduction to Callbacks

Lecture 305 Summing Numbers

Lecture 306 Correcting an Array

Lecture 307 Passing an Anonymous Function

Lecture 308 Simulating Going to External Server

Lecture 309 Callback Hell

Lecture 310 Functions with Callbacks

Lecture 311 Introduction to Promises

Lecture 312 Asynchronous Computation

Lecture 313 Simulating Callback Example

Lecture 314 Refining Code

Lecture 315 Hard-Coding a Resolve

Lecture 316 Chained Promises Example

Lecture 317 Rewriting Counter Function with Promises

Lecture 318 Common Error with Promises

Lecture 319 Promise.all Example

Lecture 320 Promise.race Example

Section 21: Data and Attributes

Lecture 321 Introduction

Lecture 322 Fetching and Processing Data

Lecture 323 Alternative Way to Append to HTML

Lecture 324 Multiple Objects in Response

Lecture 325 Using Events, Promises, and Loops

Lecture 326 Loops and Data Attributes

Lecture 327 Styling

Lecture 328 Drop-Down Menu Example

Lecture 329 Final Thoughts

Section 22: Syntax and Property

Lecture 330 Spread Syntax

Lecture 331 Pushing 1 Array into Another

Lecture 332 Concatenating Arrays Together

Lecture 333 Inserting Array Part into Middle of Another

Lecture 334 Slice vs Splice

Lecture 335 Rest Syntax and Method Definitions

Lecture 336 Property Shorthand

Lecture 337 Getting Arguments and Returning Object

Lecture 338 Property Names

Lecture 339 Formatting Names

Lecture 340 Maps

Lecture 341 Sets

Lecture 342 Converting Between Sets and Arrays

Lecture 343 Final Thoughts

Section 23: Using Babel CLI and Gulp

Lecture 344 Transpiling in Browser

Lecture 345 Using Babel in CLI

Lecture 346 Looking for Transpiled JavaScript

Lecture 347 Looking in Directory

Lecture 348 Setting up Simple Server

Lecture 349 Watching for Changes

Lecture 350 Compiling Using Gulp

Lecture 351 Adding Another Task

Lecture 352 Setting up Default Task

Lecture 353 JSHint

Lecture 354 Lint as a Pipe Chain

Lecture 355 Potential Errors

Section 24: Linting, Bundling and Dev Server

Lecture 356 Introduction

Lecture 357 Watch for Changes

Lecture 358 Linting With ESLint

Lecture 359 Checking over a File

Lecture 360 Bundling

Lecture 361 Import and Export Statements

Lecture 362 Defining Document

Lecture 363 Exporting Default Expressions

Lecture 364 Dev Server

Lecture 365 Running Webpack Command

Section 25: Resources

Lecture 366 Source Code

Lecture 367 Please leave us a rating!

Lecture 368 Bonus Lecture: How to get more content.

Part 1 targets kids. Part 2 targets adults.,Absolute beginners who want to learn how to code in the 3 fundamental coding languages.,Ages 6 and up. Everybody is welcome to attend if they like child-oriented products.