Crandi

Codedavid09 Workdayscheduler Week 5 3rd Party Apis Homework Github

Leo Migdal
-
codedavid09 workdayscheduler week 5 3rd party apis homework github

For this assignment, create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. ***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: My Site: https://codedavid09.github.io/workDayScheduler/ There was an error while loading.

Please reload this page. #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. An application that will run in the browser and feature dynamically updated HTML and CSS powered by JQuery. Application features polished UI and is responsive, ensuring adaptation to multiple screen sizes. A simple calendar application that allows the user to save events for each hour of the day. Each timeblock is color coded to indicate whether it is the past, present, or future.

When the save button for each timeblock is triggered, the text input for that event is saved in local storage. As a user with a busy schedule, I want the user to add important events to the daily planner, so they can manage their time more effectively. I, Ryan Compton, am the sole collaborator on this assignment. 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. ITESM Coding Bootcamp - Unit 5 Homework - Third-Party APIs: Work Day Scheduler This was an on-the-job ticket activity where I was given an HTML and CSS code that had the basic layout for a Work Day Scheduler. I was requested to write some code to show the current date and time in the header, and generate timeblocks from 9:00 am to 5:00 pm. The user should be able to write tasks or appointments for each timeblock and save them, so that, even if the application is reloaded, the saved events should still be in the corresponding timeblock. The website should also have a color code for the timeblocks, with gray being for the past events, red for the present event and green for the future events of the day.

For this activity I wrote all the code in a JavaScript file, using jQuery and moment.js. To begin, I wrote a function using moment.js to show the current date and time, and I used setInterval to update the time each second. Then I used an array to write a for loop to create each html element for the timeblocks (<span>, <textarea> and <button>), adding classes and attributes to them. Next, I wrote the code for the click events of each timeblock button, to save the text written by the user in the browser's local storage and then get each item to post it... Finally, I made a for loop using moment.js and jQuery to set up some conditional statements to color each timeblock according to it's place in the current day timeline (using gray for past, red... The link for the deployed application is this:

https://josevidmal.github.io/u5-hw-third-party-api-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 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 Create a simple calendar application that allows a user to save events for each hour of a typical working day (9am–5pm) 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 Week 5 - Third Party APIs assignment for the Trilogy/Southern Methodist University Web Development Bootcamp

A redo of the project assigned for Week 5 - Third Party APIs of the Trilogy/Southern Methodist University Web Development Bootcamp. Initial HTML/CSS files provided by instructors. However, all Javascript was written by yours truly. The project displays the current time with the current hour highlighted in red, past hours in gray, and future hours in green. Any notes saved to the time blocks will be saved using the browser's Local Storage. To use this app, you can follow this link or you can use the steps below to clone a local copy.

Step 1. Clone the repo git clone https://github.com/ashleysalinas/Workday-Scheduler.git Step 2. CD into local copy folder cd (name of folder, usually just the name of the project) A simple calendar app for scheduling your work day

People Also Search

For This Assignment, Create A Simple Calendar Application That Allows

For this assignment, create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. ***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: My Site: https://code...

Please Reload This Page. #Homework 05 Third-Party APIs: Work Day

Please reload this page. #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

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. An application that will run in the browser and feature dynamically updated HTML and CSS powered by JQuery. Application features polished UI and is responsive, ensuring adaptation to multiple screen siz...

When The Save Button For Each Timeblock Is Triggered, The

When the save button for each timeblock is triggered, the text input for that event is saved in local storage. As a user with a busy schedule, I want the user to add important events to the daily planner, so they can manage their time more effectively. I, Ryan Compton, am the sole collaborator on this assignment. The focus of this assignment was to build a very simple work day calendar utilizing w...

Seems To Work Well And Took A Lot Less Code

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 get...