25
Codecademy Workshop Instructors: Mr. Tok Nam Huat, Ms. Eva Lee 26 th March 2013 A learning Journey brought to you by the Diploma In Mobile Software Development

Codecademy workshop - JavaScript for beginners

Embed Size (px)

DESCRIPTION

A learning Journey brought to you by the Diploma In Mobile Software Development, Republic Polytechnic

Citation preview

Page 1: Codecademy workshop - JavaScript for beginners

Codecademy Workshop

Instructors: Mr. Tok Nam Huat, Ms. Eva Lee 26th March 2013

A learning Journey brought to you by the

Diploma In Mobile Software Development

Page 2: Codecademy workshop - JavaScript for beginners

Introduction to Codecademy

Page 3: Codecademy workshop - JavaScript for beginners

What is Codecademy

• An online interactive platform that offers free coding

classes in languages such as Javascript, Python, HTML

and css.

• Founded in 2011, headquartered in New York City.

•Raised total funding of $12.5 million.

•Tagline: Teaching the world to code

Page 4: Codecademy workshop - JavaScript for beginners

Collaboration with Codecademy & RP

• Codecademy was engaged to provide a free

platform for Infocomm Club members to learn

programming

• Republic Polytechnic was engaged as the

Academic Partner to customize the course

materials to a level suitable for the secondary

school students.

• In future, we will explore how to expand this to

the primary school students as well.

Page 5: Codecademy workshop - JavaScript for beginners

Facebook Page

• Access via https://www.facebook.com/infocommclubscoding • For teachers, students to post your questions if you need some help with the programming exercises

Page 6: Codecademy workshop - JavaScript for beginners

Republic Polytechnic’s Support

• Conduct workshops in schools to share with the InfocommClubs students about the Codecademy learning platform. • Answer questions posted by Students on Facebook and the Discussion Forum on Codecademy.

Page 7: Codecademy workshop - JavaScript for beginners

Coding Challenge

•Timeline: 29 Jan 2013 to 15 May 2013 •Eligibility: Open to club members of existing (EICP/EICP2) Infocomm Club Schools Secondary (and above)

Outstanding Coding School

(top 3 schools)

School with the most number of students who complete at least these 3 tracks: a) Introduction b) Choose Your Own Adventure c) Introduction to Functions in JS

Lucky Coder

(2 lucky winners)

Student who completed all 5

tracks.

Page 8: Codecademy workshop - JavaScript for beginners

Coding Challenge

•To qualify, students must fill up their particulars in Codecademy.

Full name of student

Email address of student

Name of School

Class (optional)

IMPORTANT

Without these info,

we

cannot identify the

winners

Page 9: Codecademy workshop - JavaScript for beginners

A Demo of How It Works

Page 10: Codecademy workshop - JavaScript for beginners

Account Signup

Page 11: Codecademy workshop - JavaScript for beginners

How to Access

• Step 1: Visit http://bit.ly/infocommclubscoding

• Step 2: Click on the button “Create an account”

Page 12: Codecademy workshop - JavaScript for beginners

How to Access

• Step 3: Fill up your particulars

Page 13: Codecademy workshop - JavaScript for beginners

How to Access

• Step 4: Click on Infocomm Clubs Core Course in

Coding

Page 14: Codecademy workshop - JavaScript for beginners

How to Access

• Step 5: Click on the link to the Singapore track

Page 15: Codecademy workshop - JavaScript for beginners

How to Access

• Step 6: Access any of the modules (progress is

stored when you log in)

Page 16: Codecademy workshop - JavaScript for beginners

Introduction to JavaScript

Page 17: Codecademy workshop - JavaScript for beginners

Introduction to JavaScript

• JavaScript

• One of the most popular programming language

• Used with HTML, and runs in Web Browsers

• JavaScript is not Java

• You only need a text editor to code in JavaScript

Page 18: Codecademy workshop - JavaScript for beginners

Why JavaScript

• Using JavaScript to manipulate the content of

HTML elements is a very powerful functionality.

• Try “The Light bulb” example in

http://www.w3schools.com/js/js_intro.asp

• JavaScript is commonly used to validate input.

• Try “Validate Input” example in

www.w3schools.com/js/js_intro.asp

Page 19: Codecademy workshop - JavaScript for beginners

Hands-on

Page 20: Codecademy workshop - JavaScript for beginners

More information about codecademy

Page 21: Codecademy workshop - JavaScript for beginners

The Singapore Track

• http://www.codecademy.com/tracks/singapore

3 Main topics: Getting Started with

Programming Introduction to Functions

in JS Introduction to For Loops

Page 22: Codecademy workshop - JavaScript for beginners

The Singapore Track

• Getting Started with Programming

There are Mini Exercises to be completed for each topics.

Page 23: Codecademy workshop - JavaScript for beginners

First Exercise

Follow instruction given here

Type your code here

Page 25: Codecademy workshop - JavaScript for beginners

For more information about the

Diploma in Mobile Software

Development, please contact:

Mr. Tan Kok Cheng

Programme Chair

Email: [email protected]

Connect with us! Join us on Facebook at

http://www.facebook.com/rpmobile