background preloader

Hackety Hack!

Hackety Hack!
Related:  Coding

Codecademy: Code Hour 11 Free jQuery CSS3 Navigation Menu Plugins These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Aside from the element functionalities, the design should likewise be considered. You Might be interested on : Free jQuery Sliders and jQuery autocomplete Tutorials. Mmenu Demo || Download The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp. Sidr Demo || Download The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive. slimMenu Demo || Download slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. HorizontalNav Demo || Download HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container.

Girls Who Code Girls Who Code works to close the gender gap in technology. Our free programs educate, inspire, and equip girls to pursue opportunities in technology. | Free Summer Programs & Clubs Great Tools and Apps to Teach Students Computer Programming June 7, 2014 Learning how to write a computer program is a lot like learning a new language. There are nouns, verbs, and sentences. With far fewer words than a spoken language, it may be easier too. A student of languages can pick it up just as quickly as a student of math. To help, here are a set of tools that teach computer programming. KineScript Using the same visual programming metaphor as MIT's Scratch, this app helps students craft animated stories. Targeted for kids, this free desktop app teaches the popular programming language Ruby. Build a simple mobile app using the drag-and-drop code editor of this iPad app. Instead of a cumbersome screen-sharing app, use this free website to share the code you type in real-time. Also inspired by the visual design of MIT's Scratch, this colorful iPad app introduces young students to programming. Resources to teach programming in primary school. Apps to teach everyone from children to adults how to program.

Learn | Code.org Create a 3D T-Rex Game Grades 2+ | Blocks Dance Party Minecraft Hour of Code Escape Estate Grades 2+ | Blocks, Python Code a 3D Space Invaders Game Minecraft Timecraft Rodocodo: Code Hour Pre-reader - Grade 5 | Blocks NASA's Space Jam Make a Flappy game Long Live Wakanda Grades 6+ | Blocks Hello World CodeMonkey Jr.: Pre-coding for Preschoolers Pre-reader | Blocks My Google Logo Grades 2-8 | Blocks Coding Town Grades 2-5 | JavaScript Mario's Secret Adventure: Build Your Own 3D Mario Game CodeCombat: Goblins 'n' Glory Grades 6-8 | JavaScript, Python Code Farm: Plant a Garden Blocks Jumper: Game Creation Make Shapes with Code Pre-reader - Grade 5 | JavaScript, Language independent (can be taught in multiple languages) AI for Oceans Grades 3+ | AI and Machine Learning The Grinch: Saving Christmas with Code Bot is sus?! Grades 2-8 | JavaScript | Internet Explorer 11, Microsoft Edge, Chrome, Firefox, Safari Code Club World: Make cool stuff with free coding games and activities Grades 2-5 | Blocks Dragon Blast Design your Hero

Hopscotch, Programming Designed for Everyone: coding for kids CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <! Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers <div class="container"> ... <! Bold

Kidsruby.com Computer Programming for Beginners – Code Conquest Free online computer programming, web designing and database tutorials / training / articles / guides step by step for beginners and advanced programmers / developers! PICKaTUTORIAL.COM Innovative ways to get kids coding By Laura Devaney, Managing Editor, @eSN_Laura Read more by Laura Devaney Coding grows in popularity as advocates show students the fun side of programming Along with an increased call for more science, technology, engineering, and math (STEM) funding is a movement to boost computer science’s visibility, due in part to the demand for qualified educated computer science professionals to fill a growing number of vacant spots in the field. Computer science fields, including coding and computer programming, are some of the fastest-growing field. But coding and computer science still struggle to attract women. (Next page: How to get more students coding)

Livecodelab Coding in the Classroom: A Long-Overdue Inclusion One need not look to superstars such as Mark Zuckerberg or Bill Gates to justify reasons for using code and programming logic in the classroom. There's plenty of literature that illustrates its positive learning outcomes. Coding in the classroom is linked to improved problem solving and analytical reasoning, and students who develop a mastery of coding have a "natural ability and drive to construct, hypothesize, explore, experiment, evaluate, and draw conclusions." But there are other compelling reasons for integrating code in the classroom. Reasons to Teach Coding 1. Wired Magazine reported that reading and writing code is the new literacy. 2. Coding in the classroom is a means of bridging the digital divide. 3. Temple Grandin, author and professor at Colorado State University and an autistic adult, said, "Without the gifts of autism, there would probably be no NASA or IT industry." Knowing there are programs for kids with ASD is good news for parents who shoulder the responsibility. 4.

Code Monster from Crunchzilla <h2>Code Monster gets kids excited about programming. It is a combination of a game and tutorial where kids experiment with learning to code. <p> Code Monster use Javascript. Please enable Javascript if you want the play with the Code Monster. Otherwise, Code Monster will not be able to play with you. </p><p></h2> I'm Code Monster! Getting Started Lesson 1 BACK How to Play | Lesson Sections | About | FAQ | Terms of Use | Privacy | Contact | © 2015 How to Play Code Monster teaches kids and adults a little about Javascript programming! It's easy to play. Click on the Reset button if you really mess up your code and want to start over on a lesson. Code Monster saves what lesson you are on, so feel free to stop at any time and come back later. Have fun! About Code Monster from Crunchzilla is an interactive tutorial for kids that focuses on action. Projects start with simple boxes and colors, rapidly progressing into exciting experiments with simple animation and fractals. Sure! Terms of Use Oh my.

Related:  Apprendre