Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Design Languages HTML CSS JavaScript

Similar presentations


Presentation on theme: "Web Design Languages HTML CSS JavaScript"— Presentation transcript:

1 Web Design Languages HTML CSS JavaScript
Web pages are created using a variety of languages: HTML HT for HyperText which means the links that connect one page to another ML for MarkupLanguage which are the <tags> that mark the structure of a page CSS Cascading style sheets (they “cascade from site-wide styles, to page styles to individual parts of the page with unique styles) JavaScript Adds interaction to a page with moving words, pictures and fill in the blanks.

2 Code your way through the history of video game art.
Welcome to Pixel Hack! Learn the basics of JavaScript design Hack for 30 minutes or 3 weeks. Earn your Pixel Hacker Certificate.

3 The Basics GO TO: CSEdWeek.kano.me What do I need to run Pixel Hack?
Access to internet Supported browsers: IE 10+, Safari 6+, Firefox or Chrome latest. Do I need to know how to code? What language will I learn to use? What app We’ll start from the very basics, no prior coding experience required! We’ll then build on basics to get into more advanced looping and functions. Learners will learn and code in CoffeeScript—a powerful variant of JavaScript, the language behind the web. How long will Pixel Hack take? Implementation is flexible! We include suggestions depending on how much time you have.

4 Make & Hack: Step-by-step Guide
Access the dashboard from: CSEdWeek.kano.me. Challenges: Create each of the 13 pictures here with code.

5 2. Start with Pong! Your next challenge will unlock once you’ve completed the challenge before it. You’ll always see instructions at the top of the screen.

6 The K guide always shows:
new coding terms you’ll encounter in that challenge full instructions for mentors, parents, guides to follow along a brief history of the art style in that video game The hint button always shows the code behind the picture if you’re stuck.

7 3. Hack/Remix it! We’ll show suggested Easy, Medium, and Hard remixes after each challenge to apply coding concepts. Add creative flair!

8 4. Download your Official Pixel Hacker Certificate, which unlocks after 2 challenges!
Finish all 13 challenges to get your Pixel Hack Master Badge.


Download ppt "Web Design Languages HTML CSS JavaScript"

Similar presentations


Ads by Google