Mod 2 Intermission Work

Learning Goals

• Understand basic HTML elements and attributes
• Understand basic CSS styling
• Explore and sharpen JavaScript fundamentals
• Understand what a relational database is
• Interact with a relational database by writing SQL
• Begin learning the conventions of the frontend by building a FE app

Deliverables:

First, create a new Gist on Github. Copy and paste the markdown from this template into your gist.

This Gist will be your submission for your intermission work. Each of the assignments includes a Check for Understanding that you must complete in your Gist. Some of the assignments will also ask you to include a link to a GitHub repo.

Deliverables are due 5:00 pm the Saturday before the module begins. Prework must be completed in its entirety in order to be successful in Mod 2.

Assignments

Work on the following assignments in order. Each assignment will assume that you have completed the previous one and the accompanying Checks for Understanding. Ruby 3.2.2 and Rails 7.1.3 are required.

Time-box recommendations are in each section’s instructions, and also included here for convenience.

Accounts and Tools

1. Ruby and Rails versions installation guide
2. Get Module 2 Tools
3. Intro to LinkedIn

Introductory FE Learning

1. Styling (4 hrs total)
   • Intro to HTML (2h)
   • Intro to CSS (2h)
2. Complete the Dog Party mini-project (Until complete - 8h or so)

Introductory BE Learning

1. Intro to SQL (2 hrs total)
2. Complete this Intro to APIs in Ruby on Rails (15 min)

If you are Repeating

Do a modified version of the assignments above:

• Intro to SQL (1-2 hrs total)
  • You can skip the SQLBolt tutorial if you like. You can use the Checks for Understanding as a gauge of whether you need to review it or not.
  • Work on the SQL exercises. Spend at least 1 hour in all three sections.
  • Complete the Checks for Understanding
• Task Manager
  • Try to build the application by referencing the README only when you get stuck.
  • Answer the Checks for Understanding at the end of the README.
  • BONUS! Add another table (i.e. users) and create a one-to-many relationship between tasks and the additional table. You should also add the ability to CRUD this additional data as well. (i.e. View all users, View a user, Delete a user, etc.)
• Complete a timed Dog Party
  • As you work, reference the W3Schools HTML5 Tutorial and W3Schools CSS Tutorial

Submission

When you are finished, fill out this form.