Project oriented learning for code newbies
I recently finished up Introduction to Git which is a Git course on Learnable. It’s a 2 hour project based course that takes you from knowing NO Git to working with Git locally on your computer and on Github as a means of version control. The course has 9 core project lessons and an introductory and conclusion lesson as well. The chunk of the course
This is a tiny workflow for those just starting out with git. It combines pushing a local folder to github initially and then pushing changes made to code files (example index.html)
I did some breaking and re-making of twitter bootstrap’s navbar. I love how convenient everything in twitter bootstrap is with all the pre-defined classes etc but it does take some time to customize bootstrap components and make them a little less bootstrappy…. Here’s the HTML for and Css for the navbar which you can see finished @ http://kauress.github.io/NavBar/ Or you can have a look at
Code2flow is an online code to flowchart converter. So you can either copy paste your code on the console to the right, or type it down and a flowchart will be generated. It goes through the code and picks up syntax ) at the end of a statement and creates a new block in the the flowchart. It also picks up functions definitions and calls
It’s been a while since I started coding. The eco-system is so vast I don’t think I’ll ever know it all, unless someone invents a machine for learning osmosis! But one thing that I really have become good at it sifting through information and taking it in. After a year of coding these are some of the things I feel beginners should take in stride
I recently did a tutorial on coding a full width header video like on airbnb. I love how they’ve used a video in their header, it really does alot for their page and branding. The project itself isn’t hard to do, all you really need to know is how to use the video tag fromt HTML5 and incorporate it into twitter bootstrap’s framework
<contentditable = “true”> lets the reader edit content within the div <video> directly embeds a video on a page, no plugins, iframes etc <small> presents small text, great for styling <header> & <footer> pretty self explanatory
The internet recently fixed Matel’s Barbie “I can be a computer engineer” book. Check out more cartoons from The Verge ,someone also deployed a Heroku app for people to make their own!
Bootsnipp wins my award for the most interesting code snippet site for twitter bootstrap. It’s interesting to see what other people have made and how you can modify it. They have snippets for all versions starting from 2.32. It’s pretty cool check out their featured snippets section!
