2019 Calendar App: Let's Build It!

2019 Calendar App: Let's Build It!, available at $54.99, has an average rating of 4.15, with 65 lectures, based on 52 reviews, and has 4913 subscribers.

You will learn about Build a real world web application Use CSS media queries to make your pages responsive Use Javascript to create & control the operations of an application This course is ideal for individuals who are Novice web developers who want take there skills to new level by building web applications. It is particularly useful for Novice web developers who want take there skills to new level by building web applications.

Enroll now: 2019 Calendar App: Let's Build It!

Summary

Title: 2019 Calendar App: Let's Build It!

Price: $54.99

Average Rating: 4.15

Number of Lectures: 65

Number of Published Lectures: 65

Number of Curriculum Items: 65

Number of Published Curriculum Objects: 65

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build a real world web application
Use CSS media queries to make your pages responsive
Use Javascript to create & control the operations of an application

Who Should Attend

Novice web developers who want take there skills to new level by building web applications.

Target Audiences

Novice web developers who want take there skills to new level by building web applications.

This entire course is one big code along, broken up into byte sized chunks. I start by creating the markup and styling all the pieces. The I use JavaScript to add all the front-end functionality. Then at the end I start using PHP and MySQL to connect to a database to make all of the changes made in the front end persistent, so that the app will remember how it was the last time you used it.

Keep in mind that there may be some technologies used in this course that you aren’t used to using. I use Flexbox, AJAX, MySQL, etc. These technologies aren’t aren’t taught in this course, as that isn’t the main objective, for me, these technologies are just a means to an end.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Reviewing the Final Product

Lecture 2: About the App's Appearance

Lecture 3: The Tools I'm Using

Lecture 4: Getting the Course Files

Chapter 2: HTML/CSS – Making the Left Side

Lecture 1: Setting up the Index

Lecture 2: Writing the Left Side Markup

Lecture 3: Writing Generic Styles

Lecture 4: Styling the Left Side

Chapter 3: HTML/CSS – Making the Calendar

Lecture 1: Writing the Calendar Markup

Lecture 2: Styling the Calendar: Part 1

Lecture 3: Styling the Calendar: Part 2

Lecture 4: Styling the Post-its and Tooltips

Chapter 4: HTML/CSS – Creating the Popups

Lecture 1: Setting up the Modal

Lecture 2: Creating the Theme Markup

Lecture 3: Styling Theme Popup: Part 1

Lecture 4: Styling Theme Popup: Part 2

Lecture 5: Creating and Styling the Create Note Popup

Chapter 5: HTML/CSS – Making the App Responsive

Lecture 1: Preparing the Media Query

Lecture 2: Making the Left Side (Or top) Responsive

Lecture 3: Making the Calendar Responsive

Lecture 4: Making the Popups Responsive

Chapter 6: JS – Setting the Current Day Values

Lecture 1: Writing the updateCurrentDates() function

Lecture 2: Continuing the updateCurrentDates() function

Lecture 3: Adding Ordinal Indicators

Lecture 4: Translating Month/Day Numbers to Strings

Lecture 5: Writing the UpdateCalendarDates() Function

Chapter 7: JS – Filling the Calendar

Lecture 1: Using month_data

Lecture 2: Writing the fillInCalendar() Function: Part 1

Lecture 3: Writing the fillInCalendar() Function: Part 2

Lecture 4: 2020 Update – Fixing Month Data

Lecture 5: Writing more Functions

Lecture 6: Changing Months on the Calendar

Lecture 7: 2020 Update – Calendar Navigation

Lecture 8: Fixing the Color Problem

Lecture 9: Calendar Borders

Chapter 8: JS – Updating the Theme

Lecture 1: Using color_data

Lecture 2: Triggering the Modal

Lecture 3: Updating Color Data

Lecture 4: Updating the Theme

Lecture 5: Adding Check Marks to the Current Theme

Chapter 9: JS – Posting Post-it Notes

Lecture 1: Embedding Data into the Table Cells

Lecture 2: Trigger a Function when Cells are Clicked

Lecture 3: Adding post_it objects to post_its array

Lecture 4: Writing the Function to Add Notes/Tooltips to Cells

Lecture 5: Posting Notes

Lecture 6: Editing Notes

Lecture 7: Deleting Notes

Chapter 10: Final Touches Before PHP

Lecture 1: Cleaning up the Index

Lecture 2: Note about cleanCells()

Lecture 3: Fix "Calender" Misspelling

Lecture 4: Refactoring Code

Lecture 5: Refactoring FillInCalendar()

Lecture 6: Re-styling

Chapter 11: PHP – Getting out Data to Persist

Lecture 1: Putting Our App on a Local Host Server

Lecture 2: Creating the Database and Tables

Lecture 3: Connecting to the Database

Lecture 4: Writing the Function to Update Database Theme

Lecture 5: Updating the Database Theme in Front-End via AJAX

Lecture 6: Persisting the Theme

Lecture 7: Writing the Database Functions for the Notes

Lecture 8: Creating, Updating & Deleting Notes in Front-End

Lecture 9: Reading Notes from Database

Lecture 10: Fixing 'that' Bug

Lecture 11: That's a Wrap!

Lecture 12: Course Files

Instructors

Jesse Caine
Professional Web Developer

Rating Distribution

1 stars: 0 votes
2 stars: 3 votes
3 stars: 5 votes
4 stars: 20 votes
5 stars: 24 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu