Crandi

Homework 05 Third Party Apis Work Day Scheduler Github

Leo Migdal
-
homework 05 third party apis work day scheduler github

#Homework 05 Third-Party APIs: Work Day Scheduler This is the fifth homework that is required for the University of Denver Coding Boot Camp. The assignment was to build a sample calendar application that allows a user to save events for each hour of the day. The website is built using the following: Built by Mark Raudenbush markraud@hotmail.com This homework taught me about traversing the DOM along with inserting HTML elements and text.

I also learned how to build and style a webpage using the Bootstrap framework and how to use Moment.js. A simple calendar app for scheduling your work day Create a simple calendar application that allows the user to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You'll need to use the Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser.

The following animation demonstrates the application functionality: You are required to submit the following for review: The URL of the GitHub repository. Give the repository a unique name and include a README describing the project. Homework 05 Third-Party APIs: Work Day Scheduler - Build Out Work Day Scheduler Code written per acceptance criteria listed in W5-hw_readme.md.

URL for published page: https://thenickedwards.github.io/work-day-scheduler/ URL for GitHub repo: https://github.com/thenickedwards/work-day-scheduler The focus of this assignment was to build a very simple work day calendar utilizing what we have learned in class so far to achieve the following acceptance criteria: Always striving to learn new techniques and integrate them into my code, this week I practiced in the art of building a very simple Map() to store all of the tasks to localStorage. Since we're only needing to let the user add one item per hour, it seemed easiest to store all of the data is a Map rather than arrays, since all we'll need to deal... Seems to work well and took a lot less code to get there!

Thumbs up! I was also able to start integrating the use of (this) to help reduce the overall amount of code. As learned in the in-class calculator assignment last week, you can put a click listener on a class, and differentiate the user's intent through (this), rather than a container listener, with individual if/then statements... That gets clunky quick! Using (this) streamlines this process so much. I also used my first forEach interator which is so much more elegant than a clunkly constructed classic for-loop.

The goal of this project was to create a work day scheduler tool. It uses moment to show the date and time. Based on the current time, the hour blocks are color coded. Plans can be listed in each block and saved to local storage. Visit this link to view the scheduler tool: https://abbeyschu.github.io/homework5_AS/ Here is a daily planner with the current date displayed at the header.

(date changes depending on the current date) The planner is from 9am to 5pm which interact with the user by showing the user the hours that have past in (grey) the current hour in (red) and future hours in (green). The user can type in events into each block and save them by clicking the save button(saved to local storage), so the the page is refreshed and the input is not removed. example: https://smu.bootcampcontent.com/SMU-Coding-Bootcamp/SMU-DAL-FSF-PT-12-2019-U-C/raw/master/05-Third-Party-APIs/02-Homework/Assets/05-third-party-apis-homework-demo.gif Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery.

You'll need to use the Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser. The following animation demonstrates the application functionality: This homework is graded based on the following criteria: Satisfies all of the above acceptance criteria plus the following: https://zhkim3.github.io/Work-Day-Scheduler/

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You’ll need to use the Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser. The following animation demonstrates the application functionality: This homework is graded based on the following criteria:

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You’ll need to use the Day.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Day.js in the browser. The following animation demonstrates the application functionality: Note: If a Challenge assignment submission is marked as “0”, it is considered incomplete and will not count towards your graduation requirements.

Examples of incomplete submissions include the following: A repository that includes a unique name but nothing else

People Also Search

#Homework 05 Third-Party APIs: Work Day Scheduler This Is The

#Homework 05 Third-Party APIs: Work Day Scheduler This is the fifth homework that is required for the University of Denver Coding Boot Camp. The assignment was to build a sample calendar application that allows a user to save events for each hour of the day. The website is built using the following: Built by Mark Raudenbush markraud@hotmail.com This homework taught me about traversing the DOM alon...

I Also Learned How To Build And Style A Webpage

I also learned how to build and style a webpage using the Bootstrap framework and how to use Moment.js. A simple calendar app for scheduling your work day Create a simple calendar application that allows the user to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You'll need to use the Moment.js library to work ...

The Following Animation Demonstrates The Application Functionality: You Are Required

The following animation demonstrates the application functionality: You are required to submit the following for review: The URL of the GitHub repository. Give the repository a unique name and include a README describing the project. Homework 05 Third-Party APIs: Work Day Scheduler - Build Out Work Day Scheduler Code written per acceptance criteria listed in W5-hw_readme.md.

URL For Published Page: Https://thenickedwards.github.io/work-day-scheduler/ URL For GitHub Repo: Https://github.com/thenickedwards/work-day-scheduler

URL for published page: https://thenickedwards.github.io/work-day-scheduler/ URL for GitHub repo: https://github.com/thenickedwards/work-day-scheduler The focus of this assignment was to build a very simple work day calendar utilizing what we have learned in class so far to achieve the following acceptance criteria: Always striving to learn new techniques and integrate them into my code, this week...

Thumbs Up! I Was Also Able To Start Integrating The

Thumbs up! I was also able to start integrating the use of (this) to help reduce the overall amount of code. As learned in the in-class calculator assignment last week, you can put a click listener on a class, and differentiate the user's intent through (this), rather than a container listener, with individual if/then statements... That gets clunky quick! Using (this) streamlines this process so m...