Skip to content

Latest commit

 

History

History
60 lines (37 loc) · 5.13 KB

prep-for-module-2-frontend.markdown

File metadata and controls

60 lines (37 loc) · 5.13 KB
Raw

Module 2 Prep Work

Solidifying & Building on Mod 1 Concepts

  • Please take some to review some of the topics in this Data Types lesson. It reviews not only the data types you've explored but also gets more into dynamic vs static typed languages, type coercion, and why we're able to call methods or access properties on primitive data types ('yolo'.toUpperCase()).
  • Also, please make a fresh copy of this google doc that you can edit. This document contains some reading material and practice exercises that will help you solidify important concepts from Mod 1. Some information might be new to you, some might be review.

ES6 & Evolution of JavaScript

As the web becomes more advanced, the JavaScript language evolves and gains more features to support more complex browser capabilities. This is how we get newer versions of the language. In the current developer ecosystem, you'll hear people talking about ES5, ES6 and ES7 (E is for ECMAScript.

In Mod 1, you mostly learned JavaScript syntax that was introduced with the ES5 version. This version is widely supported by modern browsers, and includes things like your standard var and function declarations. Browser developers are still working on supporting newer versions like ES6 and ES7.

You may have come across some ES6 syntax throughout your independent study (including variable declarations like let, const, arrow functions, and even Classes). In Mod 2, we'll expect you to begin using ES6 features and syntax where appropriate. Read more about the following ES6 features from Understanding ECMAScript 6:

User Interface & User Experience (UI/UX)

  • Its important to consider how users will be interacting with our applications. Review this Intro to UI/UX lesson. In M2 we will be learning about the user experience in terms of accessibility. This will give you a great introduction in thinking about your future users.

Debugging

  • While you may have seen and used the browser's Developer Tools in module 1, we'd like you to step through this Udemy course on Dev Tools. Some of it may be review, but you may pick up some new tricks along the way!

Array Prototype Methods: Iterators

  • Iterator methods are one of the key concepts of M2. For a preview of how iterators work, check out this activity. Need help? Use the array prototype iterators lesson and the MDN docs!
  • Also, many students have found this TreeHouse course to be helpful in their preparation for M2.
  • Please note that these activities are to get you thinking and start exposing you to the iterators - we don't expect you to already know/understand/be able to do all of this yet. Do not beat yourself up if this feels overwhelming or hard. Write down your questions as they come and bring those questions with you to the iterators lesson!

Professional Development

  • The job hunt is getting closer! You will be expected to create a resume in Mod 2. Many students find it difficult to balance creating a resume with completing project work. It is recommended that you write a first draft your resume over intermission to lessen the load down the line. Start by pre-reading this PD lesson and then begin a draft of your resume.

Refactor Mod 1 Projects

  • DRY up your code
    • Find areas where code is duplicated and break it out into a function
  • Change for loops into forEach
    • You'll be working with a lot of Array iterator methods in Mod 2 like forEach, start practicing them now!
    • Focus on: forEach, map, filter, find, sort, and reduce
  • Try out converting some ES5 syntax to ES6
    • You can refactor and your projects they should still work in Google Chrome