Kids Coding Introduction to HTML CSS and JavaScript

Kids are often more perceptive and open to learning than adults, which is why teaching them useful skills such as programming is great. Learning coding at a young age can often be beneficial as you ca...

  • All levels
  • English

Course Description

Kids are often more perceptive and open to learning than adults, which is why teaching them useful skills such as programming is great. Learning coding at a young age can often be beneficial as you can not only open up their thinking to new possibilities but also for more avenues in the future. Programming is a valuable skill, which can help kids become more creative and analytical as they grow...

Kids are often more perceptive and open to learning than adults, which is why teaching them useful skills such as programming is great. Learning coding at a young age can often be beneficial as you can not only open up their thinking to new possibilities but also for more avenues in the future. Programming is a valuable skill, which can help kids become more creative and analytical as they grow up, as well gives them a great chance on becoming the next great developer or even change the world for the better!

What you’ll learn
  • Introduction to languages and how does programming play a part, including different programming languages
  • Important programming constructs such as variables, types of variables, characters, inputs, maths, coordinates, etc.
  • How computers can do math and important concepts such as if statements, conditions, etc.
  • Working with HTML editors, different tags, formatting text, etc.
  • Working with CSS, including what is CSS and why is it necessary
  • Working with colors, images, text, formatting, fonts, styles, lists, padding, and so much more

Covering Topics

1
Section 1 : Introduction

2
Section 2 : Lets Begin

3
Section 3 : Lets Learn HTML

4
Section 4 : CSS

Curriculum

      Section 1 : Introduction
    1
    Kids coding – Introductions to programming language
      Section 2 : Lets Begin
    2
    Kids coding - What languages we will be learning Preview
    3
    First coding
    4
    Lets code something fun
    5
    congratulations!
    6
    Differences of coding languages Preview
    7
    Programing languages 2
    8
    Programing basics part 1
    9
    variables
    10
    Types of variables INT
    11
    Float Variables
    12
    boolean variables Preview
    13
    characters
    14
    user input and output
    15
    user input Preview
    16
    Math
    17
    co-ordinates
    18
    how computers do math Preview
    19
    Modulo and exponents
    20
    if statements
    21
    the condition in the if
    22
    if and else statements
    23
    if else statements
    24
    conditions greater than
    25
    less than
    26
    equals Preview
    27
    does not equal
    28
    conditions and oporators
    29
    Or opporators
    30
    multi conditional statements
    31
    x y cordinates in ifs
    32
    Loops Preview
    33
    for loops
    34
    do while loops
    35
    breaks in loops
    36
    Arrays
      Section 3 : Lets Learn HTML
    37
    Finding the real time HTML editor
    38
    Talking about the editor and
    39
    Adding an html and body tag
    40
    Adding the paragraph tag
    41
    Adding headers and talking about different headers Preview
    42
    Talking about text formatting in the editor and in the output
    43
    Adding breaks to the code
    44
    Adding in text formatting. Emphisize
    45
    Adding in strong text
    46
    Adding in other text formatting
    47
    Variables Preview
    48
    Styling link text
    49
    Adding an image
    50
    Editing the height and the width of an image
    51
    Adding the alt property to an image tag
    52
    Adding a clickable link to an image Preview
    53
    Comments
    54
    Tables
    55
    Tables adding columns
    56
    Adding rows to tables
    57
    How to comment effectively
    58
    Talking about code complexity
    59
    Adding a table header plus editing the text with takes
    60
    Un ordered lists
    61
    Ordered List
    62
    Lists within lists
    63
    Definition lists
    64
    Adding unordered lists to definition lists
    65
    Playing around with HTML
    66
    Title Tags
    67
    Div tags
    68
    Talking about block level and inline level an span tags
    69
    HTML
    70
    Test #1 Solution
    71
    Test #2
    72
    HTML
    73
    Test #3
    74
    Test #3 solution
    75
    Test #4
    76
    Test 4 Solution
    77
    Test #5
    78
    Test #5 Solution
    79
    Test # 6
    80
    Test 6 solution
    81
    Test # 7
    82
    Test 7 solution
    83
    Test #8
    84
    Test 8 solution
    85
    Test #9
    86
    Test 9 solution
    87
    Forms
    88
    The password input type
    89
    The color input type
    90
    Date input type
    91
    Adding in a file input type
    92
    Range input type
    93
    Adding in a search field
    94
    Adding in a submit button
    95
    Adding in radio button input types
    96
    Adding in a checkbox input type
    97
    Introduction to styles
    98
    Paragraph styles
    99
    Adding in the background color and multiple attributes
    100
    Aligning text
    101
    Adding in a margin of both left and right
    102
    Adding styles to a table
    103
    Aligning a table to the center
    104
    Adding in a margin to the table
    105
    Changing the width of the style points
    106
    Changing the font in the style
    107
    Cleaning up the project and changing the colors with numbers
    108
    Adding in columns with table and building a website
    109
    Adding in the previous style attributes
    110
    Changing the cell color
    111
    Changing the cell width
    112
    Changing the colors back to the original color
    113
    Align the text vertically to the top
    114
    Talking about the sizes and being aware of bigger size
    115
    Adding in a table header to the columns
    116
    Adding the content
    117
    Time to make your own website
    118
    Saving your HTML website
    119
    Test 1
    120
    Test 1 solution
    121
    Test 2
    122
    Test 2 solution
      Section 4 : CSS
    123
    Introduction to CSS
    124
    Talking a little more about css
    125
    Talking a bit about the JS bin website
    126
    Lets get our hands dirty and talk about CSS
    127
    Adding some more CSS code
    128
    The power of CSS
    129
    Setting colors to RGB values
    130
    Adding a background image
    131
    More background image options
    132
    Aligning text
    133
    Text transform
    134
    Indenting text
    135
    Text decorations
    136
    Changing fonts in CSS
    137
    Serif fonts sans-serif fonts and monospace fonts
    138
    More fonts like cursive and fantasy
    139
    Font - styles
    140
    Other ways to use the font family
    141
    Adding bold weight to your fonts
    142
    Fail safe fonts
    143
    Adding in styling points to other tags
    144
    Changing the list style type for un ordered lists
    145
    Changing ordered lists styles
    146
    Adding a image as the list item
    147
    Tables in CSS
    148
    Adding in style points to tables
    149
    Changing the width and height of the table cells
    150
    Changing the background color in tabkes
    151
    Table padding
    152
    Adding a background image to a table
    153
    A tags
    154
    Changing Colors
    155
    More about a tags
    156
    Padding border margin
    157
    Border style
    158
    Border styles continued
    159
    Opacity
    160
    Adding the class id
    161
    Div tags and CSS
    162
    Span tags
    163
    Changing table tags
    164
    More adjusting on tables and class ID
    165
    Adding more class IDs to tables
    166
    Class ID table header
    167
    Class ID with unordered lists
    168
    Orderlists and classes
    169
    List item class IDs

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.