What I learned from Udacity’s Front End Developer Nanodegree

Nanodegree Certificate
One small step for me, one giant leap for my career!

🎨 Design

  • There are numerous style guides and design systems out there, but the best is always the one that your (potential) employer uses!
  • Using a popular library like Bootstrap makes building responsive web apps convenient but it is advisable to be comfortable with native CSS features like Grid and Flexbox too
  • Mastering Sass syntax makes designing web pages much, much easier. However, for beginners, its Extend feature might be easily confused with parameterless Mixins. I found some online posts really helpful in understanding how they differ in terms of the CSS generated.

🚀 Development

  • Though JavaScript is single-threaded, its asynchronous nature can be exploited to build Single Page Apps with Promises, and native ES6+ syntax (async/await) makes it much easier to do so
  • Building your own proxy server in Node.js (with a library like Express) instead of using third-party middleware can speed up network requests and fix common errors (like CORS) while fetching API data as you can set your own Cookie headers
  • It is best to learn how to use Git branches and merge them to Master without fast forwards when you want to keep feature history

🛠Build Tools & Testing

  • The learning curve for a beginner to Build Tools might be steep but learning Webpack is totally worth it! Its plugins and loaders are super helpful for asset management and performance optimization
  • Service workers are awesome (offline access + push notifications + background sync)! Don’t forget to add them after building your app. The concept made me keen to learn how to build Progressive Web Apps (PWAs).
  • It’s a good practice to use Jest or any other testing tool for checking errors and testing boundary conditions in your code
Photo by Nicholas Bartos on Unsplash

--

--

--

Learn. Design. Teach. Repeat!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How a customer turned digital transformation success with Elastic into a partnership opportunity

GIT 3-way merge

Finding My Mom’s Mom’s Husband’s Wife’s Daughter’s Son Using Python

Digital Platform for Screening Healthcare Professionals for COVID-19

Screen2Work platform — designed by Lauren Marvell

How to nail the CKA exam

Why I like the Vert.x Framework

Motor Control using Raspberry Pi 4

The Scone Knowledge-Base project

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Kewal Shah

Kewal Shah

Learn. Design. Teach. Repeat!

More from Medium

Minimize extracted CSS file using Webpack. (CssMinimizerWebpackPlugin)

How to use Styled Components with React.js

Hello Everyone..!

Journey of Cloning practo.com