Giters

AKSingh-Udacity / 100-days-of-code-log-r4

#100DaysOfCode Log R4

Home Page:https://james-priest.github.io/100-days-of-code-log-r4/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

James Priest

100 Days Of Code

| Log 1 | Log 2 | Log 3 | Log 4 | | --- | --- | --- | | 100 Days Round 1 | 100 Days Round 2 | 100 Days Round 3 | this log |

Challenge & Commitment

This is part of Alexander Kallaway's 100DaysOfCode challenge. More details about the challenge can be found here: 100daysofcode.com.

Commitment: I will code daily for the next 100 days.

Start Date End Date
October 5, 2018 - - -

Goals

Code Log

7. HTTP 1.1

Day 7: October 15, 2018 - Monday

Project: Google Udacity Nanodegree (Mobile Web Specialist) Coursework

HTTP 1.1 Course

Progress: Continuing MWS coursework - Client-Server Communications

So, now that I've successfully completed the Nanodegree requirements I've set my sights on taking the Google MWS certification test. In order to be best prepared, I'll complete the remaining coursework first.

HTTP 1.1 deals with the following..

  • Request headers
  • HTTP Verbs
  • Common Response headers
  • Performance Basics

Read more: Client-Server Communication: HTTP/1.

Links:

6. Restaurant App - Stage 3 Project Results

Day 6: October 12, 2018 - Friday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

Final Project Results

Progress: Completed the Restaurant Reviews App - Stage 3 project.

I submitted my project for review and got the results back. It passed with flying colors which made the extra weeks I put into it worth while.

One thing that threw me off though was the first line of the reviewer's feedback, "where he said, "Great attempt". Whad'ya mean "Great attempt?!?".😂😂

It then went on to tell me that I had in fact completed the nanodegree! Whew!😅

Responsive Design Results

See the code notes here: Restaurant Review App - Stage 3: Section 14 Stage 3 Review.

Links:

5. Restaurant App - Stage 3 Performance Tuning

Day 5: October 11, 2018 - Thursday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

DevTools Audits Panel

Progress: Completed the Restaurant Reviews App - Stage 3 project.

This last part required me to tighten up the performance scores on this app.

I ran the tests from Chrome's DevTools audits panel and did the following to bring the scores up

  • Created gulp tasks to inline my js and css
  • Reduced image quality (and file size) in my image compression gulp task

The new scores are enough to pass!

DevTools Audits Score

See the code notes here: Restaurant Review App - Stage 3: Section 13 Performance Tuning.

Links:

4. Restaurant App - Stage 3 Offline Favorites

Day 4: October 9, 2018 - Tuesday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

Offline Favorites Toggle

Progress: Continued the Restaurant Reviews App - Stage 3 project.

I completed the last piece of functionality for this app which is the ability to mark a restaurant as a favorite while the app is offline.

I added the following:

  • Set click handlers for the favorite buttons
  • Created a function to use Fetch API when updating the online DB
  • Added error handling which updates the data locally
  • Created code to save all requests when offline and then send to server when connected once again.

See the code notes here: Restaurant Review App - Stage 3: Section 12 Offline Favorites.

Links:

3. Restaurant App - Stage 3 Kill Page Refresh

Day 3: October 7, 2018 - Sunday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

Data Displays without Refresh

Progress: Continued the Restaurant Reviews App - Stage 3 project.

There were two places in my app where I was lazily reloading the page in order to redraw the data on the page.

This was clunky and didn't make sense to do since I was using Ajax everywhere else to eliminate round-trips to the server.

See the code notes here: Restaurant Review App - Stage 3: Section 11 Kill Page Refresh.

Links:

2. Restaurant App - Stage 3 Post Offline Data

Day 2: October 6, 2018 - Saturday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

Save Offline Data

Progress: Continued the Restaurant Reviews App - Stage 3 project.

In this part of my project I finished the offline data processing queue. This is responsible for sending offline review data to the server once connectivity is re-established.

The code does the following:

  1. On page load it gets the all offline requests as an IDB cursor
  2. It opens the first request and attempts to POST it with fetch
  3. If we are offline then it skips to the next and tries again
  4. Once we do successfully POST we get the resulting record back
  5. We then delete the offline request from the offline store
  6. We add the new review record and delete the old record from reviews store
  7. The add & delete is done in the same transaction so if it fails it rolls back

See the code notes here: Restaurant Review App - Stage 3: Section 10 Post Offline Data.

Links:

1. Created Round 4 Code Log

Day 1: October 5, 2018 - Friday

Project: Google Udacity Nanodegree (Mobile Web Specialist)

new code log

Progress: Created a new GitHub repo for my Round 4 code log.

This now uses a dusky rose theme and has an updated nav which I've migrated over to my previous two logs.

I'm still finishing up my Udacity Mobile Web Specialist Nanodegree...

Hopefully will be done in another week...

Links: My GitHub repo https://github.com/james-priest/100-days-of-code-log-r4

About

#100DaysOfCode Log R4

https://james-priest.github.io/100-days-of-code-log-r4/

Languages

Language:Ruby 37.4%Language:HTML 32.7%Language:CSS 17.2%Language:JavaScript 12.7%