Download
web design languages n.
Skip this Video
Loading SlideShow in 5 Seconds..
Web Design Languages PowerPoint Presentation
Download Presentation
Web Design Languages

Web Design Languages

144 Views Download Presentation
Download Presentation

Web Design Languages

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 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. Web Design Languages

  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.