Code Avengers is a new fun interactive way of learning to code JavaScript.Sign up and use it for free and learn the basics to advanced JavaScript codes. Code Avengers uses a intuitive interface that teaches you JavaScript using real examples and allows you to run your code when finished.
There are 9 Lessons with 5 tasks each and 1 review quiz at the end of the tutorials. These lessons range from "Introduction to the concepts in lessons 1-10" "Learn what a variable is and why you need them" to "Learn how + works with strings and numbers". Key Principals: Code Avengers lessons were designed with the following key principles: * Beginner terminology - use words familiar to non-programmers * Less reading more doing – learners want to read as little as possible * Difficulty level – senior high school students are able to complete the lessons * Explain the why and not just the what when teaching new concepts * Incorporate badges, points, levels - everyone loves getting badges * Quality feedback - effective interactive tutorials must detect and offer helpful feedback when the learners make mistakes * Practical examples - lessons include examples that are as ‘real world’ as possible * Games and code challenges – goal is for the lessons to be fun and effective Code Avengers is great for teachers and students. Founded by Michael Walmsley and co-founded by Andrew Gale, Code Avengers looks to make the site as friendly and easy to use while provide a great learning experience for all its users. Check out the Code Avengers Infographic I made below, I had such a fun time exploring the site and found it easy to use with simple navigation. The JavaScript code examples are for beginners to intermediate and they let you dive right away into learning JavaScript code's by providing you with real world examples you can work on and run live from the site. One nice thing I like about the site is it saves your work in progress and if you make a mistake, no problem, they detect it and offer feedback. Check out the Infographic I made below to find out some of the lessons offered within the site. CodeAvengers.com: Learning to code just got MARVELous
3 Comments
I have been into mobile development lately with developing apps and HTML 5, so I get allot of E-mails and people on Linked in Groups asking me about a simple way to implement a Redirection code for mobile devices.
With mobile devices the trick is with JavaScript is to determine the screen size of Smartphones, cell phones etc. We all know that screen sizes will be less than 700 Pixels. With notepads this will be OK, cause the notepads have higher resolutions and a bigger display screen. Here is the Page where you can get the JavaScript code I set up today. JavaScript Mobile Redirect If you are browsing this site or blog with your mobile device you are already viewing the redirection code in action, there is also a choice to view this website in original mode. *Update- Mobile Moxie has a Redirection Script Generator that generates a server side script for sites that are Desktop, Tablet, Mobile or WAP and directs your users to the preferred choice. By "Shawn Lippert" I used to add allot more codes on the blog. but lately I've been all caught up into the marketing aspect of things and now and then I seem to lose tract of what this site is really for . I added a page for a JavaScript Typing Test that can tell you how many words per minute you can type by letting you type out the displayed sentences. Visit link to download the source code. Here is a working demo below: Use this free JavaScript Color Picker Code for any website or web page. There are two steps to add this code, instructions and the files for the source code and picture are included at the link above. View working example below I added New JavaScript, CSS and HTML Forums to the site. Everything is brand new. Sing up to post, free for everyone to read.
If you have questions , codes or just want to introduce yourself go ahead. Take advantage and drop a link to your site as well, don't forget to fill out your profile and let everyone know about your site and or services. OnClick Message Buttons use the OnClick event Handler in JavaScript to convey a message when the button is clicked on.You can change the message on the button and the message that is displayed in the message box The OnClick message Button is good for instructions and warnings or can be used for a simple hello message. Visit link above to view the source code and try the working Demo. This JavaScript Floating Menu allows the user to drag the Menu anywhere on the page. Visit link to see full example and download the source code. This is courtesy of the JavaScript Source.
Here is a JavaScript Clock to add to any webpage or website. See example below. Visit link to download source code. This JavaScript code is good for closing any window, foe example, POP-Up's and Frames. You can view example of it on the Close Window Button Close Browser Button page and download the source code.
I added a free JavaScript Text Alert Box code. Just copy and past after you put in your own message. You can download the source code at the link above.
|
Local Business Website Design, SEO and Internet Marketing Blog
By "Shawn Lippert" Social
Share!
Categories
All
Archives
December 2014
|