Kids Coding - Introduction to HTML, CSS and JavaScript! from Udemy

"This course helped me a lot for programming, convinced me to do programming and made me understand programming with some fun in it. Overall I don't need to go back and watch any of the courses vids since its explained in detail. Love it. "

"It was very easy to understand. I wasn't sure if I should be intimidated by coding or if I should see it as something that is easy, but this course makes it understandable and fun. Thanks."

"This is giving me very useful information. Thanks" - Gideon E.

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?

Programming is the new math. The average computer programmer makes 78k 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 of the documentation is geared towards people over 18.

This course shows kids how to code by adapting the material to their learning styles. There are animated lectures, informative screencasts and tests. The first portion of the course introduces a lot of data and terminology quickly. You'll jump right in. No second is wasted in this action-packed, captivating course.

"SO FUN. "

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.

About me, the instructor

My 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 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.

"This is a great course for beginner programmers. This doesn't have to be for just kids, but for adults too."

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.

What's inside

Learning objectives

Learn the basics of computer programming
Learn html
Learn css

Learn javascript
By the end of the course, students will know the basics of a valuable life long skill

Learn the basics of computer programming
Learn html
Learn css
Learn javascript
By the end of the course, students will know the basics of a valuable life long skill

Syllabus

Introduction

Introduction to the course

Kids Coding infographic

Programming freebie

Let's Begin

What Languages are we going to be learning?

Let's code something for fun

Our first coding experience

Congratulations!

Differences of coding languages

Programming languages continued

More about programming languages

Variables

Integer Variables

Boolean variables

Characters

User input and output

User input

Coordinates

Math

How computers do math

Modulo and exponents

If statements

The condition in the if statement

If and else statements

If else statements

Greater than operator

Less than

Equals

Does not Equal

Conditions and operators

Or operators

Multi conditional statements

X, Y cordinates in if statements

Loops

For loops

Do while loops

Arrays

Our first quiz

Let's Learn HTML

1. Finding the real time HTML editor

2. Talking about the editor and

3. Adding an html and body tag

4. Adding the paragraph tag

5. Adding headers and talkinga bout different headers

6. Talking about text formating in the editor and in the output

7. Adding breaks to the code.

8. Adding in text formatting. Emphisize

9. Adding in strong text

10. Adding in other text formatting

11. Adding links

12. Styling link text

13. Adding an image

14. Editing the hieght and the width of an image

15. Adding the alt property to an image tag

16. Adding a clickable link to an image

17. Comments

18. Tables

19. Tables, adding columns

20. Adding rows to tables

21. How to comment effectively

22. Talking about code complexity

23. Adding a table header plus editing the text with takes

24. Un ordered lists.

25. Ordered List

26. Lists within lists

27. Definition lists

28. Adding unordered lists to defintion lists

29. Playing around with HTML

30. Title Tags

31. Div tags

32. Talking about block level and inline level an span tags

33 HTML

34. Test #1 Solution

35. Test #2

36 HTML

37. Test #3

38. Test #3 solution

39. Test #4

40. Test 4 Solution

41. Test #5

42. Test #5 Solution

43. Test # 6

44. test 6 solution

45. Test # 7

Test 7 Solution

46. Test #8

48. test 8 solution

49. Test #9

50. Test 9 solution

51. Forms

52. The password input type

53. The color input type

55. Date input type

56. Adding in a file input type

57. Range input type

58. Adding in a search field

59. Adding in a submit button

62. Introduction to styles

60. Adding in radio button input types

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Covers introductory computer science concepts and popular programming languages like HTML, CSS, and JavaScript

Suitable for complete beginners with no prior programming experience

Designed to make learning programming fun and engaging for children

Taught by experienced software professional with industry knowledge

Provides a strong foundation for further study in computer science or programming

May require additional resources to supplement learning, as it does not cover advanced topics

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Kids Coding - Introduction to HTML, CSS and JavaScript! with these activities:

Review HTML and CSS syntax

Show steps

Refresh your memory and strengthen your foundation.

Browse courses on HTML

Show steps

Review the basic syntax and structure of HTML.
Go through the syntax and usage of CSS selectors.

Help other students in a coding forum

Show steps

Deepen your understanding by explaining concepts to others.

Browse courses on HTML

Show steps

Join a coding forum or online community.
Identify questions related to HTML, CSS, or web development.
Provide clear and detailed responses to help others.

Follow more HTML tutorials step-by-step

Show steps

Reinforce the handling of HTML elements and styling.

Browse courses on HTML

Show steps

Follow a tutorial on how to create an online portfolio with HTML and CSS.
Find a tutorial on how to create a basic website template with HTML and CSS.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Read the book 'CSS Secrets'

Show steps

Gain insights and best practices from an expert in CSS.

View CSS Secrets on Amazon

Show steps

Read the first 5 chapters to grasp the fundamentals of CSS.
Review the sections on CSS layout and positioning.

Build 5 web pages using HTML and CSS

Show steps

Improve technical skills and deepen practical understanding.

Browse courses on HTML

Show steps

Create a static landing page for a website.
Develop a simple e-commerce product page.
Build a blog post template with basic styling.

Write a blog post explaining the principles of CSS

Show steps

Develop a deeper understanding of CSS and improve writing skills.

Browse courses on CSS

Show steps

Summarize the concepts of CSS selectors and specificity.
Explain the basics of CSS layout and positioning.
Discuss the importance of responsive design and media queries.

Participate in a CSS design challenge

Show steps

Test your skills, receive feedback, and stay updated with industry trends.

Browse courses on CSS

Show steps

Find a CSS design challenge that aligns with your interests.
Design and build a website or web page based on the challenge requirements.
Submit your project and receive feedback from the community.

Contribute to an open-source CSS project

Show steps

Gain practical experience and make a positive impact.

Browse courses on CSS

Show steps

Find an open-source CSS project that aligns with your interests.
Identify areas where you can contribute, such as bug fixes or feature enhancements.
Follow the project's contribution guidelines and submit your changes.

Career center

Learners who complete Kids Coding - Introduction to HTML, CSS and JavaScript! will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer is responsible for designing, developing, and maintaining websites and web applications. This course will help you develop the foundational skills needed to become a Web Developer, including HTML, CSS, and JavaScript. With these skills, you will be able to create visually appealing and functional websites and web applications, making you a valuable asset to any organization.

See salaries and explore the career path for Web Developer

Front-End Developer

A Front-End Developer is responsible for the design and implementation of the user interface of a website or web application. This course will help you develop the skills needed to become a Front-End Developer, including HTML, CSS, and JavaScript. With these skills, you will be able to create visually appealing and functional user interfaces, making you a valuable asset to any organization.

See salaries and explore the career path for Front-End Developer

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software applications. This course will help you develop the foundational skills needed to become a Software Engineer, including HTML, CSS, and JavaScript. With these skills, you will be able to create functional and efficient software applications, making you a valuable asset to any organization.

See salaries and explore the career path for Software Engineer

Web Designer

A Web Designer is responsible for creating the visual appearance of a website or web application. This course will help you develop the skills needed to become a Web Designer, including HTML, CSS, and JavaScript. With these skills, you will be able to create visually appealing and engaging websites and web applications, making you a valuable asset to any organization.

See salaries and explore the career path for Web Designer

Computer Programmer

A Computer Programmer is responsible for writing and maintaining computer code. This course will help you develop the foundational skills needed to become a Computer Programmer, including HTML, CSS, and JavaScript. With these skills, you will be able to create efficient and reliable computer programs, making you a valuable asset to any organization.

See salaries and explore the career path for Computer Programmer

UI/UX Designer

A UI/UX Designer is responsible for designing the user interface and user experience of a website or web application. This course will help you develop the skills needed to become a UI/UX Designer, including HTML, CSS, and JavaScript. With these skills, you will be able to create user interfaces that are both visually appealing and easy to use, making you a valuable asset to any organization.

See salaries and explore the career path for UI/UX Designer

Technical Writer

A Technical Writer is responsible for writing and maintaining technical documentation. This course may be useful for those who wish to become a Technical Writer, as it will help you develop the foundational skills needed for technical writing, including HTML, CSS, and JavaScript. With these skills, you will be able to write and maintain technical documentation efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Technical Writer

Systems Analyst

A Systems Analyst is responsible for analyzing and designing computer systems. This course may be useful for those who wish to become a Systems Analyst, as it will help you develop the foundational skills needed for systems analysis, including HTML, CSS, and JavaScript. With these skills, you will be able to analyze and design computer systems efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Systems Analyst

Computer Support Specialist

A Computer Support Specialist is responsible for providing technical support to computer users. This course may be useful for those who wish to become a Computer Support Specialist, as it will help you develop the foundational skills needed for computer support, including HTML, CSS, and JavaScript. With these skills, you will be able to provide technical support to computer users efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Computer Support Specialist

Information Security Analyst

An Information Security Analyst is responsible for protecting computer systems and networks from security threats. This course may be useful for those who wish to become an Information Security Analyst, as it will help you develop the foundational skills needed for information security, including HTML, CSS, and JavaScript. With these skills, you will be able to protect computer systems and networks from security threats efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Information Security Analyst

Business Analyst

A Business Analyst is responsible for analyzing and improving business processes. This course may be useful for those who wish to become a Business Analyst, as it will help you develop the foundational skills needed for business analysis, including HTML, CSS, and JavaScript. With these skills, you will be able to analyze and improve business processes efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Business Analyst

Data Analyst

A Data Analyst is responsible for collecting, analyzing, and interpreting data. This course may be useful for those who wish to become a Data Analyst, as it will help you develop the foundational skills needed for data analysis, including HTML, CSS, and JavaScript. With these skills, you will be able to collect, analyze, and interpret data efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Data Analyst

Database Administrator

A Database Administrator is responsible for managing and maintaining databases. This course may be useful for those who wish to become a Database Administrator, as it will help you develop the foundational skills needed for database management, including HTML, CSS, and JavaScript. With these skills, you will be able to manage and maintain databases efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Database Administrator

Network Administrator

A Network Administrator is responsible for managing and maintaining computer networks. This course may be useful for those who wish to become a Network Administrator, as it will help you develop the foundational skills needed for network management, including HTML, CSS, and JavaScript. With these skills, you will be able to manage and maintain computer networks efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Network Administrator

Project Manager

A Project Manager is responsible for planning, executing, and completing projects. This course may be useful for those who wish to become a Project Manager, as it will help you develop the foundational skills needed for project management, including HTML, CSS, and JavaScript. With these skills, you will be able to plan, execute, and complete projects efficiently and effectively, making you a valuable asset to any organization.

See salaries and explore the career path for Project Manager