It's time to add a second model to the application. The second model will handle comments on articles.

Generating a Model

We're going to see the same generator that we used before when creating the Article model. This time we'll create a Comment model to hold reference to an article. Run this command in your terminal:

$ bin/rails generate model Comment commenter:string body:text article:references

This command will generate four files:

So far, we have learnt a lot without actually writing HTML and CSS on our own computers. You may be wondering that while executing code right here on CommonLounge was great for learning, real developers seem to write code on their own systems. This is where this tutorial comes in! You will step up your game and learn to run HTML and CSS code on your own computer.

What softwares do I need?

The best part about learning HTML and CSS is that you don't need to install any complex software! All you need is a modern web browser like Chrome or Firefox, and a text editor like Atom, VS Code, Sublime Text 2 and so on. In fact, it's likely that you already have one or both of these already installed!

Let's look a quick look:

1. The Browser: If you don't already have Chrome or Firefox, install one of them on your computer by foll...

In this lesson, you’ll learn:

• What is Web Development?
• The basics of writing HTML and CSS
• Writing your first HTML and CSS program right here in browser

What is Web Development?

Web developers create documents that can be viewed on the web browsers. The web page you're reading is such a document. These documents are known as web pages. These web pages are written in a combination of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Don't worry about the long acronyms — HTML and CSS are quite simple to learn and you'll be good at them in no time!

HTML is used to write the actual document—mainly, th...

In this lesson, you’ll learn:

• How to create text, radio, and checkbox inputs
• How to add labels and sample text to your inputs
• How to add submit and reset buttons

With just a few HTML tags, you can create an interactive form to get input from visitors to your website. This may be something like a contact form or sign up form.

Form Basics

All forms in HTML are surrounded by the <form>...