• Post category:StudyBullet-3
  • Reading time:6 mins read


Coding for beginner’s Code a To-Do List App

What you will learn

Code in JavaScript from scratch

Showcase your work to potential employers

Code more advanced projects in JavaScript

Description

Hi and welcome to ” Let’s JavaScript! “.  

My name is Kauress and you may know me from the β€œIntroduction to git” class on SitePoint. I have been teaching JavaScript to beginners since 2014.  Code  your way into learning JavaScript with me in this project!

Goal of the project series: 

To  teach the basic constructs of JavaScript by coding projects. 

The project:

This is a complete hands on series and the projects we will be coding are:

1.   A to-do List :  A to-do list based on arrays and array methods which will allow you to add, strike through or delete individual items and additionally you can also add an item using the enter key on your  keyboard and then clear the list

What are the per-requisites? 

1. HTML

2. CSS


Get Instant Notification of New Courses on our Telegram channel.


3. Basic know how of JavaScript theory

This series assumes little to NO knowledge of coding in JavaScript.

This project series is best suited to those that have had little exposure to JavaScript in the way of reading material and basic definitions but have no real experience coding in JavaScript.

What if I am an absolute beginner? :

Now if you have absolutely no exposure to JavaScript in any way shape or form, you may still do the projects.  You can extend your learning experience by referencing basic definitions and, other reading material along with the content provided in each project

When you finish this course, you will be able to:

1.Code in JavaScript from scratch
2.Showcase your work to potential employers

3.Carry on to do intermediate level projects in JavaScript 

What tools do I need to do the projects? :

1. Internet

2. Code editor such as Sublime, Atom or VS Code                                 

English
language

Content

Introduction
About – Promo
Who is this for?
What will I get out of this project series?
Recommended Route
Structure of series
Structure of an individual project
Theory
DOM: Introduction
DOM: Properties & Methods
DOM: Navigation
JavaScript Syntax
Setting Up
Course Assets
Setting up for the project
To Do List Project
Download starter project folder
Introduction
HTML & CSS
Global Array: Part 1
Global Array: Part 2
function addItem( ): Part 1
function addItem( ): Part 2
function reset( )
function checkMe(item): Part 1
function checkMe(item): Part 2
function removeMe(item): Part 1
function removeMe(item): Part 2
function enterKey( ): Part 1
function enterKey( ): Part 2
function clearList( ): Part 1
function clearList( ): Part 2
Conclusion
Conclusion