Web Developer: Learn web development by recreating Pinterest
4.7 (3 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.
36 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Developer: Learn web development by recreating Pinterest to your Wishlist.

Add to Wishlist

Web Developer: Learn web development by recreating Pinterest

Go from zero skills in Web Development to a Full Stack Ruby on Rails developer one in just 1 course!
4.7 (3 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.
36 students enrolled
Created by Michael M.
Last updated 10/2016
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • To understand how web development works, especially with the Ruby on Rails Framework.
  • Have a good basic foundation of how to create web applications on their own.
  • Being able to understand databases, models and controllers.
  • Having a good foundation for further development.
View Curriculum
  • Text Editor (Sublime Text 2, Atom, Visual Studio Code)
  • Ruby On Rails Framework
  • Computer/Mac/Linux

Hey there! 

Welcome to the Ruby on Rails: Learn by recreating successful applications course! 

This course is purely made for everyone, that wants to learn how to develop famous & successful applications and how web development works in general. It doesn't matter if you ever have written a code or not. We will start smoothly and than dive deeper into each task and our results are there immediately after each learning session. No long theory talk. We discuss the idea, code, explain and then present. By doing so, you will learn by seeing your results. And the results are great! 

We also will upload our web application at the end of the course, so that it is online for everyone! 

Structure of the course:

  • Installing Ruby on Rails and start a development workstation on your computer.
  • Learn how to work with GitBash
  • Use basic commands
  • Create our first project
  • Start to add different gems for a full stack development
  • Adding our CRUD functionality
  • Adding our main pages
  • Styling our web application with CSS, Bootstrap 3 & SASS. 
  • Add User & Accounts to our web application 
  • Adding Login Systems / Logout Systems
  • Adding Usernames
  • Learn how to use Devise 
  • Implementing Javascript, Jquery and Masonry to our web application
  • Using AJAX & Modals 
  • Bootstrap 3 animations & styles. 

and many many more. 

Why should you take this course?

Learning Web development can be though sometimes, especially as a beginner. But also if you never used Ruby on Rails and want to know how to use this powerful and fast web framework, this course is for you! You will be able to understand Ruby on Rails work pipeline with different assets and also be able to recreate most apps. With this course, you will have a basic foundation on how to develop with a full stack, without any boring or unnecessary theory. You will see your results immediately, which is (especially for a beginner) very motivating and a fun way to learn. You will also start to understand how styling with css work and also how to use bootstrap 3 for your web app. A basic understanding of how javascript, jquery with masonry is necessary in today's web development industry, so we will take a look on that as well and also implement some cool functions to our application. Sounds fun? Let's go! :)

Who is the target audience?
  • People who want to understand how famous & successful applications are made.
  • People who are interested in Web Development
  • People who are interested in Ruby on Rails
  • Entrepreneurs who want to start their startup on their own.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
32 Lectures
Setting up our workstation.
5 Lectures 08:46

Hey there and welcome to the Web Developer Course, we are going to recreate the famous & successful application Pinterest from scratch! 

Preview 01:36

We are going to Install Ruby on Rails with the RailInstaller. With the RaillInstaller we make our workstation ready with just a few clicks. 

Preview 01:37

In Lecture 3 we are going to install our Text Editor application Sublime Text 2. With Sublime Text 2 we have an incredible Text Editor used by many web developers inside the industry. It has many great features and allows to save time when coding cool stuff!

Installing our text editor application

Navigation GitBash

How do we navigate trough GitBash?
1 question

Lecture 4 is about creating our first Ruby on Rails project. We will use GitBash to navigate on our computer and create a new project. 

Preview 03:31

Navigating to the Users Desktop in GitBash.

How do navigate to the Desktop in GitBash?
1 question
Lets get our hands dirty! Exploring our project & installing gems!
3 Lectures 20:58

In this lecture, we will explore our new created project inside our text editor Sublime Text 2. We will explore the different folders / files that we have just created and also prepare our gemfile for further operations. 

Preview 03:51

Gemfiles File

1 question

In Lecture 6, we are going to setup our Gemfiles and install the bootstrap-sass gem and also the devise gem that will handle our user database. We also will install some other gem's.

Preview 08:42

Initializing the master branch.

Master Branch
1 question
CRUD System, explore different ways of creating files, security sessions
4 Lectures 44:41

In this lecture, we are going to create our pin model, our pin controller and also setup our index page with Ruby on Rails.

Preview 10:28

In this episode, i want to dive deeper into the creation of an index page. There are 2 different ways of doing so, so let's take a look. 

Preview 08:25

In this lesson, we will take a look how to create a page for our new add pin functionality and also render the form input for it. We will also take a look at our pin controller and how to declare the create pin functionality. 

Setting up our new page and including our form.

Creating Model inside Ruby on Rails

How to create a model?
2 questions

In this lesson, we will integrate our form into our database. By doing so, we will learn how to implement a new pin to our main page and also how to save a newly created pin!

Lecture 10: Starting our CRUD functionality
Users, Accounts, Registrations and much more!
6 Lectures 57:38

We will implement devise that will handle our user's database full entry and also our login / logout system.

Preview 09:57

We will add user ids in order to associate pins with users and also render it correctly. 

Lecture 13:Add the user id to our pins and also integrate email account function

In Lecture 13, we are going to implement usernames for the user account's and also make them visible for the public databases.

Lecture 14: Add the ability to integrate usernames for the user accounts.

In this lecture, we are going to add the delete function for a pin, so that users are able to delete pins they don't necessary want to be public anymore.

Lecture 15: Implement an edit function.

In Lecture 15, we are going to implement the functions so that only logged in users can edit/change pins. 

Lecture 16: Defining users view ability
CSS & Bootstrap 3: Let's proto style our web application!
2 Lectures 25:21

We add buttons to our links and all forms, edit and registrations paths. 

Lecture 17: Protoype our style for the links and cluster pages.

In Lecture 18, we will continue to style our web application with Bootstrap 3!

Lecture 18: Styling our complete application
Implement the upload functionality.
1 Lecture 11:26

In Lecture 19 we will add the upload function and also make our website protected from malware.

Preview 11:26
Front Page Styling, Animations & Javascript's functions.
6 Lectures 50:55
Lecture 20: Add coffeescript, jquery and more

In Lecture 21, we will finally see our main page ready styled and rendered by masonry. Our app is almost done and is now fully scale able for tablets, smartphones and computers.

Lecture 21: Rendering our main page

Codes for styles & animations.

Lets clean up our css bugs and add some nice bootstrap 3 styling to our main page.

Lecture 23: Finalizing our main page

In Lecture 24, we will start to style our show page with bootstrap 3/ css.

Lecture 24: Style our show page

In this Lesson, we will talk about GitBash and the git init command with the git master branch push. 

Lecture 25: GitBash git commit
Adding a pin/like function to our application
1 Lecture 18:44
Lecture 26: Adding a vote function and styling it on our main page
Finalizing our application
4 Lectures 34:09

We will take the final steps to finalize our application! We change some styling with bootstrap 3 and also make sure to feed our database.

Lecture 27: Finalizing our application

Lecture 28: Deploying our application

Lecture 28: Cleaning up our master branch & push our master branch.

Important Commands
About the Instructor
Michael M.
4.5 Average rating
10 Reviews
87 Students
3 Courses
Instructor Web/Game Development

Hey there! I am Michael and i am a web developer, programmer/web designer, freelance 2D/3D illustrator, modeler and also hobby game development enthusiast.  

I studied web development and web design, but are constantly trying to learn new frameworks / programming languages. The last 3 years i have taught myself c++ programming and c# beside all the common web development languages / frameworks. 

I think learning is a simple task if done right. I am a big supporter of practical teaching instead of theoretical. And so along the way i thought to myself: Why not trying to teach it the way it's the most easiest, most fun? Well, here i am! 

My goal is to gain a wide audience and try to teach them as most as possible in the shortest period of time. I will cover web development topics, web design topics, graphic design / illustration, wire-framing websites and also game programming. 

I hope you have a great time with my courses and if you have tips & ideas how to make them even more better, don't wait and send me an message! 

Anyways, have fun and keep hacking (or clicking) :).