---

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