8 Beautiful Ruby on Rails Apps in 30 Days & TDD - Immersive

Lookalikes of Instagram, Tumblr, TaskRabbit, etc, w/ fundamentals of Rails (no Scaffolding).
4.4 (293 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
5,006 students enrolled
$19
$100
81% off
Take This Course
  • Lectures 132
  • Length 16 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

Build your Rails portfolio with 8 super cool web applications in Ruby on Rails. Use it to begin seeking jobs as proof of what you can do, or feel confident to launch projects.

I know the frustration of learning how to code. Trust me. I've been there.

But how did I go from "aspiring developer" to winning hackathons with 150 people and building web applications for a living? Simple. I learned by doing. By building different applications over and over again.

"Spent over £2k on a Rails course and it wasn't half as good as what this course is offering for free. Ta " - Lyndon Joseph

“This class was simply amazing. I learned a lot and I know how to code now! I'm excited to put in the work to master the new skills I've learned. Thank you.” – Montalis Anglade

The 8 app in 30 days course is THE most comprehensive crash course you'll find in Ruby on Rails, styling/design, and best-practices -- or your money back. You can begin with zero skills and become a fee-earning Rails developer in just 30 days.

Zero-to-launch 8 TIMES as you code and own:

  1. Instagram Web App replica w/ design
  2. Tumblr Web App replica w/ design
  3. Evernote or Google Doc - File Storage replica w/ design
  4. ESPN Fan Forum or Hacker News replica w/ design
  5. iMDB (or Broadway Web App) replica w/ design
  6. TaskRabbit (or Craigslist) replica w/ design
  7. Project Manager replica w/ design (jobs board) replica w/ design
  8. Todolist (productivity app) replica w/ design

It gets even better!

Enter to win a the super popular Sublime Text License Giveaway!

Sublime Text Editor

Worth ~$70!

"Completely hands-on, no-nonsense, Do-It-Yourself Approach adopted from start to finish. This is not just another Ruby on Rails course, its much better than that. Thanks for putting so much into this course, you're the man! " - Osazeme Usen

The best way to absorb unfamiliar concepts is to begin with the large picture in mind and work down to details. This course has been designed to show you new concepts (variables, loops, conditionals, gems, e.t.c.) ONLY AS YOU APPLY THEM and NEVER in theory.

~20 Hours spread over 30 days of clear coding instruction where we will delve into the full process of zero-to-launch!

Chinese Proverb: "I listen, I forget; I see, I remember; I do, I learn!"

What else?

  • A friendly, informal community to support you every step of the way
  • Personal contact with me, the course tutor (yonathan@crashlearner.com)
  • Lifetime access to course materials
  • Hands-on learning to lock that knowledge in
  • A deep understanding of how to code, design and build powerful websites

I will never leave you hanging!

It doesn't matter how old you are or what you do professionally. I guarantee that ANYONE can benefit from this course, whether it's earning a bit of extra cash on the side, changing career altogether or just the freedom to bring ideas to life.

More from former students have this to say:

“Good clear instruction. There are materials floating around online, but Yonathan has put them together in an order that makes sense.” – Jonathan Grove

“Yonathan's tutorial and style of teaching is really relaxed and to the point. A lot of rails tutorials out there either show you too much or too little. His tutorial was the right mix - focusing on getting stuff up and running really quick.” - Manuel Da Costa

This course is both for students who have no experience in programming at all and also for students who have tried Ruby on Rails in the past but want to take their skills to the next level.


What are the requirements?

  • No pre-knowledge required for this 8 apps in 30 days challenge. I'll teach you everything you need to know.
  • Modern browser (Chrome, IE, FireFox, Safari) and internet connection
  • A Mac laptop or iMac (or Windows PC running OSX)
  • Text Editor (I prefer Sublime Text). Free is best when you're just starting.
  • No other special software required

What am I going to get from this course?

  • Build Portfolio of 8 Apps like Instagram; Tumblr; ESPN/Hacker News; Evernote (Document Storage); TaskRabbit/CraigsList; iMDB; Todolist; Project Manager, etc.
  • Idea to Implementation (Wireframe to live application) done 8 times.
  • Quickly build versatile Rails Web Apps so you don't have to hire expensive developers ($2K+/per project).
  • Earn Money from new skills by getting development gigs on freelancer sites.
  • Learn how to make beautiful, interactive and versatile web apps using Rails - the most popular web framework.
  • Reach a comfortable intermediate to low-advanced level after 30 days of steady work.
  • Troubleshoot a variety of common errors
  • Ability to add functionality w/ Users, Forms, Image Uploading/Rendering, Voting, Syntax, Styling etc.
  • Solid understanding of the MVC (model, view, controller).
  • Add jQuery Plug-ins (like Masonry jQuery and raty.js)
  • Use HAML syntax to embed Ruby code as a cleaner alternative to .erb
  • Test Driven Development (TDD) using Rspec
  • Add bootstrap elements and Responsive design
  • File storage and manipulation (like Evernote / Google Docs)
  • Setup Secure User Logins
  • Launch on Heroku (live server)
  • Custom Image uploading for social media applications (Tumblr, Instagram, iMDB)
  • 5-Star Rating Systems (iMDB-like social-centric apps)
  • Sorting and Filtering by Categories
  • Comfortable with Git & Github
  • Beautiful design (using Sass, a little bootstrap, jQuery libraries)

What is the target audience?

  • Looking to build a portfolio with 8 beautiful web apps (have something to show for your work) and build your confidence with Rails.
  • For someone seeking a career shift and is exploring Rails
  • For solo entrepreneur/freelancer who wants to make a living/side-income from web development
  • Intermediates: Those who have dabbled with Rails but are unable to take the next step and code their own ideas
  • Beginners: Don't worry if you don't know what the command-line or a text editor are! I personally respond to any questions my students have, so there's no worry about getting stuck or not knowing what to do.
  • For someone FED UP with textbooks, incomplete resources and expensive tutorials.
  • For a Non-Technical Founder(s) and someone who wants the skills to take an idea from scratch-to-launch

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Intro to 8 Apps in 30 days!
Quick Intro -- Please Watch.
Preview
03:38
Section 2: Why Rails?
05:49

Why is Rails by far the most popular framework for web development? It's versatile, easy to understand and allows you to add functionality quickly.

Section 3: Install Rails
00:52

Use Installrails.com to quickly install Ruby, Rails, Git, Sublime Text and Setup your command line (terminal).

Section 4: Stylesheets for Course
00:42

Copy and Paste Stylesheets and/or Assets (images) to 'application/assets/stylesheets' directory

Section 5: Sublime Text Giveaway/Contest
00:56

New contest is started every 45 days!

Section 6: Ruby (OPTIONAL)
Quick Intro - Ruby Basics
00:45
01:35
Interactive Ruby Shell (IRB or irb) is a REPL for programming in the object-oriented scripting language Ruby. The abbreviation irb comes from the fact that the filename extension for Ruby is ".rb", although interactive Ruby files do not have an extension of ".irb".
Numbers in Ruby
00:56
Strings in Ruby
00:54
Booleans in Ruby
02:31
Arrays in Ruby
02:01
Symbols in Ruby
01:17
Hashes in Ruby
02:05
Variables in Ruby
00:59
Methods in Ruby
00:41
Conditionals in Ruby
03:08
Iterations in Ruby
02:18
Section 7: (PRACTICE ROUND) Getting Familiar with Rails
Practice Round 1 - Rails Setup, Getting Familiar with Tools
08:29
Practice Round 2- Rails Setup, Getting Familiar with Tools
13:35
Section 8: MODEL - VIEW - CONTROLLER (MVC)
06:37

Model (ActiveRecord) -- It maintains the relationship between the objects and the database and handles validation, association, transactions, and more.

Controller (ActiveController) -- The facility within the application that directs traffic, on the one hand, querying the models for specific data, and on the other hand, organizing that data (searching, sorting, messaging it) into a form that fits the needs of a given view.

View (ActiveView) -- It is a presentation of data in a particular format, triggered by a controller's decision to present the data.

Section 9: Project 1- FileCabinet App (Evernote Lookalike)
Welcome to FileCabinet - Introduction
02:26
06:52

Create 'Welcome' Controller to create static view landing page. Add routes to application.

09:16

Define actions in the Doc controller. Create Model for main object in application (Doc) and create RESTful routes.

06:46

Add HAML & Simple_form Gem to application, define 'new' and 'create' methods in controller and create view files to create documents.

08:38

Show and Index actions defined and view files created for each.

08:06

Edit, Update and Destroy actions added to complete CRUD (create/read/update/delete) ability. View file for Edit Action was also added.

11:02

User Model (with Devise Gem) and associations to Doc Model in both controller and model.

09:32

Add Stylesheets to App and restrict Doc viewership to user who created it.

11:39

Add Navigation and styling to Docs and Welcome View Pages

05:11

Improve look of document index page.

03:04

Show page styling and improve formating of text

04:09

Style and improve Edit and New page templates. Add custom styling to Devise view files (Log In and Sign Up)

FileCabinet - Congratulations - Closing Comments
Preview
00:59
Section 10: Project 2 - Tumblr App
Welcome Tumblr - Introduction
02:01
11:04

Define Index and New Actions in Post Controller and create corresponding view files.

04:55

Complete the Create Action so Posts are saved when they're created. Add Show view file to display created posts.

03:31

Add Index View Page to display the Posts in descending order.

11:44

Add Styling, Images, Navigation and Structure to Application

07:45

Make sure posts have minimum requirements (so empty posts are not saved). Index page layout is also improved.

07:53

Edit and Delete actions in Controller with View Files.

14:09

Create Comment Model, Controller and define its actions.

Tumblr - Delete Function for Comments
01:26
02:47

Comments must be deleted if Posts are deleted.

08:42

Create 'About' Controller to create static view page.

09:16

Add User via Devise Gem and Authentication. Also, add more styling.

08:47

Changing View Files for Signed In and Logged Out Users.

Tumblr - Congrats - Closing Message
Preview
00:59
Section 11: Project 3 - Instagram App
Welcome to Instragram - Introduction
01:01
13:33

Add Pics Model & Controller. HAML, Simple_Form, Bootstrap-Sass Gems.

10:36

New and Create Actions using Simple_Form template. New and Create actions are defined in the Controller.

11:02

Index and Show View Files after defining actions in the controller.

09:37

Define Edit, Update and Delete actions in the controller. Create Edit View File.

14:22

Use Devise Gem to add User run migration to add User_Id to Pics Model (it creates association).

10:42

Paste in Stylesheets. Add Navigation to 'Views/Layouts/Application.html.haml'

04:00

Work on making stylesheets take effect on the New and Edit Pages

12:17

Paperclip Gem and ImageMagick installed to upload images.

10:53

Masonry-Rails was added to allow us to use the '3-image-per-row layout' instead of the single image/row. Will be explained in depth in the last video

14:00

Acts_as_Votable gem for Upvoting/Liking

09:21

Style the Settings Page

Instagram - Sign Up Page Styling
05:31
Instagram - Log In Page
06:25
Instagram - Congrats - How to Change Web App layout.
Preview
01:43
Section 12: Project 4 - HipTime App (Todolist lookalike)
02:24

Introduce what we'll build

11:28

Add Simple_Form and Bootstrap gems to application right after launching.

09:19

Add Routes for Items and use Simple_form to create 'New Item' template.

08:16

Finish the 'Create' action and the ability to display all items created on the index page.

09:19

Complete ability to display all items on Index Page and corresponding show page for every item.

07:28

Edit View page added for Edit Action

07:47

Devise gem is installed and first user is created.

08:35

Navigation in Views/Layouts directory.

08:08

Run Migration to add user_id to Items table.

07:07

Restricting Index View (List of Items) to Current User. Display 'Welcome Page (Landing)' when person not signed in.

07:41

Add Completed_at column to Items table as datetime. Define 'completed' in controller and model.

11:35

Add Stylesheet and use Font Awesome to add checkmark to 'complete' tasks.

Hiptime - Congratulations - Closing Statement
01:03
Section 13: Project 5 - ESPN Forum Web App (Hacker News lookalike)
Welcome to ESPN - Introduction
01:40
10:33

Message is the main model of the app. We created its Controller and added RESTful routes.

06:09
Simple_Form gem and Bootstrap-Sass gem were added.
08:26

Create and New Actions are defined in Messages Controller and corresponding View Files are made.

12:05

Define Index and Show actions in controller and add corresponding view files.

10:46

Define Edit, Update and Destroy methods in Messages Controller. View file for Edit action is created.

08:37

Add User Model to app with Devise gem.

07:57
Navigation

is added in Views/Layouts/Application.html.erb

07:26

Run migration to add User_id to Messages table. Associations are also made in the Model (has_many, belongs_to). Messages controller is also modified.

13:27

Comments Model, Comments Controller and Nested routes for Comments (under Messages)

06:12

Create comment view files as partials (_comments.html.erb and _form.html.erb) and render them on Messages show page.

13:59

Define Edit, Update and Destroy methods for Comments.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Yonathan Ayenew, Web Developer

Hi! I'm Yonathan. I'm a developer and have been designing and building web apps as a freelancer (side-job) for 4+ years.

Learning technical skills has a way of exposing our deepest self-limiting beliefs and fears of not being good enough. That's why all my courses focus on building projects to help you build confidence and have something to show for your work.

You wouldn't believe the freedom that being a web developer offers.

Sign up and find out for yourself why so many people are taking and recommending the 8 Rails Apps in 30 days course. I genuinely believe it's the best on the market and if you don't agree, I'll happily refund your money.

Sign up to my courses and join me in this amazing adventure today.

Ready to start learning?
Take This Course