Introduction
Reviewing the Final Product
About the App's Appearance
The Tools I'm Using
Getting the Course Files
HTML/CSS - Making the Left Side
Setting up the Index
Writing the Left Side Markup
Writing Generic Styles
Styling the Left Side
HTML/CSS - Making the Calendar
Writing the Calendar Markup
Styling the Calendar: Part 1
Styling the Calendar: Part 2
Styling the Post-its and Tooltips
HTML/CSS - Creating the Popups
Setting up the Modal
Creating the Theme Markup
Styling Theme Popup: Part 1
Styling Theme Popup: Part 2
Creating and Styling the Create Note Popup
HTML/CSS - Making the App Responsive
Preparing the Media Query
Making the Left Side (Or top) Responsive
Making the Calendar Responsive
Making the Popups Responsive
JS - Setting the Current Day Values
Writing the updateCurrentDates() function
Continuing the updateCurrentDates() function
Adding Ordinal Indicators
Translating Month/Day Numbers to Strings
Writing the UpdateCalendarDates() Function
JS - Filling the Calendar
Using month_data
Writing the fillInCalendar() Function: Part 1
Writing the fillInCalendar() Function: Part 2
Writing more Functions
Changing Months on the Calendar
Fixing the Color Problem
Calendar Borders
JS - Updating the Theme
Using color_data
Triggering the Modal
Updating Color Data
Updating the Theme
Adding Check Marks to the Current Theme
JS - Posting Post-it Notes
Embedding Data into the Table Cells
Trigger a Function when Cells are Clicked
Adding post_it objects to post_its array
Writing the Function to Add Notes/Tooltips to Cells
Posting Notes
Editing Notes
Deleting Notes
Final Touches Before PHP
Cleaning up the Index
Note about cleanCells()
Fix "Calender" Misspelling
Refactoring Code
Refactoring FillInCalendar()
Re-styling
PHP - Getting out Data to Persist
Putting Our App on a Local Host Server
Creating the Database and Tables
Connecting to the Database
Writing the Function to Update Database Theme
Updating the Database Theme in Front-End via AJAX
Persisting the Theme
Writing the Database Functions for the Notes
Creating, Updating & Deleting Notes in Front-End
Reading Notes from Database
Fixing 'that' Big
That's a Wrap!
Course Files