Setting Up Your Development Environment
Course Introduction
What to expect from the course.
Overview and Node Installation
Learn about the different tools that we'll need in order to install Ruby on Rails.
Sublime and Git Installation
Install the Sublime Text editor and the Git Bash Terminal to your computer.
Heroku Toolbelt
How to install the Heroku Toolbelt, which will allow us to push our code to Heroku later on for web hosting.
Generate SSH Key
Rails Installation
Download and install Ruby on Rails using the Rails Installer.
Create Pinteresting Project
Create a new Ruby on Rails project, named Pinteresting.
Error Handling
How to Google errors that you may receive while using Ruby on Rails.
Gem File and Rails Server
Fixing the installation error we received by modifying the Gemfile.
Understanding The Ruby on Rails MVC Architecture
Learn about Models, Views, and Controllers and how they interact with each other.
The Rails Development Environment Walk-Thru
Finding our way around the rails directory, text editor, and terminal.
What Is Version Control?
Keep track of code changes locally.
Github For Version Control
Save your version control to the cloud at Github.
BitBucket For Version Control
Save your version control to the cloud at BitBucket.
Hosting Your App On Heroku
How to push code to a production level server.
Getting Started With Rails - Building Your First Website
Creating Our First Web Page
Let's build our first Rails Web Page!
Understanding Routing
Routing basics to create custom URL's.
Understanding the Gemfile and Gems
Adding, removing, and installing Gems.
Adding Additional Web Pages
Building out additional web pages manually (controllers, routes, and views).
Understanding the Application.html File
What is the Application.html file and what is it used for?
Creating Links with Embedded Ruby vs. HTML
How and why to use ERB to create web links.
Adding CSS with Bootstrap
Styling with Bootstrap CSS.
Creating a Navbar
How to build a Bootstrap navbar?
Using Partials
What are partials and why are they so important?
Creating a Jumbotron and Buttons with Bootstrap
Let's add a Jumbotron with some simple CSS from Bootstrap.
Changing Style with Bootstrap
Customizing styles in bootstrap is easy.
Adding Functionality To Our Site
Devise Installation Part 1
Allow people to sign up to your site, log in, and log out. Part 1.
Devise Installation Part 2
Allow people to sign up to your site, log in, and log out. Part 2.
Customizing Devise Views
Using Bootstrap to customize Devise views.
Adding a Name to Devise
Adding user names to our Devise database table.
Styling the Navbar by Login Status
Change how the Navbar looks based on whether a user is logged in or out.
Pins Scaffold
Creating a framework to allow people to add images to your app.
Pins CSS and C.R.U.D.
Deleting the Pins CSS file and understanding C.R.U.D.
Styling Pins Views and Links
Change the way Pins are displayed on the site.
Rails Associations
What are Associations and why are they so important?
Understanding the Pins Controller
What is the Pins Controller and how do we use it?
Pins Controller Associations
Understanding the "correct user" in Pins Controller.
Paperclip and ImageMagick Part 1
Using Paperclip and ImageMagick to handle image uploading by users. Part 1.
Paperclip and ImageMagick Part 2
Using Paperclip and ImageMagick to handle image uploading by users. Part 2.
Amazon AWS Part 1
Using Amazon AWS S3 to store our database images.
Amazon AWS Part 2
Setting up AWS Secret Keys and configuration.
Styling the Pins Page
Modifying how our Pins Page looks.
Advanced Layout Work
Installing Masonry Part 1
Setting up JQuery Masonry.
Installing Masonry Part 2
Using JQuery Masonry animations on our Pins.
Changing Pin Order and Adding Root
Changing which Pins appear first and adding a new root route.
Adding Pagination
Break our Pins into many pages with links.
Make the Site Mobile Ready
Making our site mobile ready is easy with Bootstrap!
Adding Custom URLs and Custom Domain Names
Changing your Heroku app name and using your own domain name.
Conclusion
Conclusion
Summing up what we just did.
Where to Go Next
Tips on what to learn going forward to further your education.
