https://github.com/tjoye20/self-paced-coding-curriculum
Full-stack self-paced coding curriculum I created to teach myself and others how to code.
https://github.com/tjoye20/self-paced-coding-curriculum
curriculum javascript-tutorial javscript rails-tutorial ruby ruby-on-rails sinatra-tutorial
Last synced: 5 months ago
JSON representation
Full-stack self-paced coding curriculum I created to teach myself and others how to code.
- Host: GitHub
- URL: https://github.com/tjoye20/self-paced-coding-curriculum
- Owner: tjoye20
- Created: 2016-10-07T18:15:20.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-11-15T19:45:32.000Z (over 8 years ago)
- Last Synced: 2025-01-14T11:48:16.433Z (6 months ago)
- Topics: curriculum, javascript-tutorial, javscript, rails-tutorial, ruby, ruby-on-rails, sinatra-tutorial
- Homepage:
- Size: 3.91 KB
- Stars: 13
- Watchers: 6
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Self-paced Coding Curriculum (full-stack)
This is a self-paced coding curriculum I created to teach myself how to code. Hope it helps you and others in their coding journey. Best wishes!
## Part 1: HTML/CSS Basics
* [HTML/CSS Tutorial](https://www.codecademy.com/learn/learn-html-css)
* [HTML forms](http://www.w3schools.com/html/html_forms.asp)
Note: Do the “Try it yourself” exercises in each section.
* [Layout basics (READ!)](http://learnlayout.com/no-layout.html)
##### Project: You can use an online text editor to write your code: www.jsbin.com
* [HTML/CSS Review. Watch. (12 mins)](https://www.youtube.com/watch?v=0afZj1G0BIE)
* [Project 1 (Build this)](http://www.amberweinberg.com/wp-content/uploads/2009/10/sample.jpg)
## Part 2: Responsive Web Design Basics
* [Responsive Web Design (READ)](http://www.w3schools.com/css/css_rwd_intro.asp)
* [Media Queries (READ)](http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
Note: Do the “Try it yourself” exercises in each section.
## Part 3: Bootstrap Basics
* [Quick Intro (Read & walkthrough)](https://medium.com/@tjoye20/bootstrap-tutorial-quick-introduction-21c101910ab5#.kjvv9c97b)
* [Tutorial 1 (code along)](http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp)
* [Tutorial 2 (code along)](http://www.w3schools.com/bootstrap/bootstrap_theme_company.asp)
## Part 4: JavaScript Basics
* [JavaScript Tutorial](https://www.codecademy.com/learn/learn-javascript)
* [Intermediate JavaScript Tutorial](https://www.codecademy.com/en/tracks/teachyourself)
* [JavaScript Exercises (Do 7 from these sections: Functions, Recursions, Conditionals, and HTML DOM)](http://www.w3resource.com/javascript-exercises/)
Tip: Read solution first. Understand it. Then code it till you can do it without looking.
##### PROJECT:
* [JavaScript To-do list app (Type it out)](http://code-maven.com/todo-in-html-and-javascript)
Note: Google/StackOverflow anything you’re not familiar with.
## Part 5: jQuery Basics
* [jQuery Tutorial](https://www.codecademy.com/en/tracks/jquery)
* [jQuery Exercises (Do 7 from each section)](http://www.w3resource.com/jquery-exercises/)
* [JQuery Cheat Sheet](https://oscarotero.com/jquery/)
## Part 6: Command Line & Git Basics
* [Command Line (Unit 1 & 2)](https://www.codecademy.com/learn/learn-the-command-line)
* [Git](https://www.codecademy.com/learn/learn-git)
### End of front-end/web development fundamentals.
## Part 7: SQL basics
* [SQL Tutorial](https://www.codecademy.com/learn/learn-sql)
* [Exercises (Do 5 from each)](http://www.w3resource.com/sqlite-exercises/)
## Part 8: Ruby basics
* [Ruby Tutorial](https://www.codecademy.com/learn/ruby)
* [Exercises (Do 1-19)](http://prepwork.appacademy.io/coding-test-1/practice-problems/)
Tip: Read solution first. Understand it. Then code it till you can do it without looking.
* [OOP in Ruby (Must Read!)](http://zetcode.com/lang/rubytutorial/oop/)
## Part 9: Sinatra Basics(DO ALL)
Note: Do this Sinatra tutorial first, to make Rails easier to pick up.
* [Sinatra tutorial Pt. 1](http://code.tutsplus.com/tutorials/singing-with-sinatra--net-18965)
* [Sinatra tutorial Pt. 2](http://code.tutsplus.com/tutorials/singing-with-sinatra-the-recall-app--net-19128)
* [Sinatra tutorial Pt. 3](http://code.tutsplus.com/tutorials/singing-with-sinatra-the-encore--net-19364)
* [Official Sinatra Guide](http://www.sinatrarb.com/intro)
* [Sinatra Template I use](https://github.com/tjoye20/sinatra_template)
## Part 10: Ruby on Rails Basics
* [Rails Tutorial](https://www.codecademy.com/learn/learn-rails)
* [Intermediate Rails tutorial](https://www.codecademy.com/learn/rails-auth)
##### Rails Projects (Code Along):
* [Store App](https://www.youtube.com/watch?v=boMn2gArSew)
* [Single-user Twitter app](https://www.youtube.com/watch?v=ao1vSdHHFek)
* [Book Review App(Do All Parts)](https://www.youtube.com/watch?v=AMai9EZesXY)
Extra Reference:
* [Standard controller actions](https://www.codecademy.com/articles/standard-controller-actions)
* [Extra Rails Tutorial](https://www.railstutorial.org/book/beginning)
## Part 11: Testing Ruby with Rspec
* [RSpec Intro](http://blog.teamtreehouse.com/an-introduction-to-rspec)
* [RSpec tutorial](https://semaphoreci.com/community/series/learn-rspec)
* [RSpec conventions](http://betterspecs.org/)
## Part 12: Interview Prep
* [Rails Developer Interview Questions](https://github.com/afeld/rails_interview_questions)
* [Tech Interview Cheat-sheet](https://gist.github.com/TSiege/cbb0507082bb18ff7e4b)
* [Coding Interview Tips](https://blog.devmastery.com/how-to-win-the-coding-interview-71ae7102d685#.3zmn76gx4)
### Build a couple Rails projects that incorporate APIs and RSpec tests for your portfolio.
##### Extra Reference materials:
* [Ruby Algorithm implementations](https://github.com/kanwei/algorithms/tree/master/lib)
* [JavaScript Algorithm implementations](https://github.com/shrynx/js-algorithms)