Skip to content

Latest commit

 

History

History
87 lines (70 loc) · 4.97 KB

README.md

File metadata and controls

87 lines (70 loc) · 4.97 KB

image

The Journey of completing Frontend Web Developer Nanodegree was wonderful. This Repo contains all the projects that I made to complete the Nanodegree.

Repo

Inside the repo you'll find the following folders used to organize projects of FEND.
Front-End-Web-Developer-Nanodegree/
                                └──  Project-1/
                                ├──  Project-2/
                                ├──  Project-3/
                                ├──  Project-4/
                                ├──  Project-5/
                                ├──  Project-6/
                                ├──  Project-7/
                                │           └── v1--bootstrap/
                                │           └── v2--materialize/
                                └── Project-8/

Projects (Links to Project Code)

The following is a list of projects required to complete the Front End Nanodegree.
1. Mockup to Article
2. Animal Trading Cards
3. Build a Portfolio Site
4. Resume Builder
5. Classic Arcade Game
6. Website Optimization
7. Neighborhood Map
8. Feed Reader Testing

Links to Live Project Demo

1. Mockup to Article

2. Animal Trading Cards

3. Build a Portfolio Site

  • Precisely translate initial design documents into static web pages.
  • Diligently employ a code/test/refine strategy.
  • Investigate the Document Object Model (DOM).
  • Create and personalize your own multi-platform, responsive CSS framework.

4. Resume Builder

  • Transform static web pages into dynamic applications.

  • Use variables, data structures, conditional statements, loops, and function in JavaScript.

  • Use the core features of jQuery -- DOM element selections, traversal and manipulation.

5. Classic Arcade Game

  • Utilize the various object-oriented programming features within JavaScript.
  • Write reusable and maintainable libraries.
  • Create well architected and performant applications.
  • Make compositions with text and images with memes.
  • Modify images by applying various effects and filters.
  • Create animations.

6. Website Optimization

  • Recognize the four distinct phases in an app's lifecycle: Response, Animation, Idle and Load (RAIL)
  • Profile different apps to find the source of jank
  • Optimize layers to reduce the number of steps the browser needs to take to render each frame
  • Measure performance via the Timeline view in Chrome Developer Tools
  • Use key metrics to triangulate potential performance bottlenecks

7. Neighborhood Map

=> v1--bootstrap

=> v2--materialize

  • Query servers using AJAX
  • Build a project with an overall organizational paradigm
  • Explore code you didn't write, and use a library or framework you aren't familiar with
  • Interact with API servers
  • Use third-party libraries and APIs

8. Feed Reader Testing

  • Write comprehensive suites of tests to validate your application is functioning as intended at all times
  • Use the red-green-refactor workflow
  • Test asynchronous functions

Certificate

certi