• Home
  • Terms of Service
  • Privacy Policy
  • Contact us
The Daily Bulletin
  • Home
  • Recent News
  • World
  • Politics
  • Health
  • Business
  • Technology
  • Travel
  • Sports
  • Education
  • Entertainment
  • Literature
No Result
View All Result
  • Home
  • Recent News
  • World
  • Politics
  • Health
  • Business
  • Technology
  • Travel
  • Sports
  • Education
  • Entertainment
  • Literature
No Result
View All Result
The Daily Bulletin
No Result
View All Result
Home Technology

The Practice of Front-end Development: Overview

by Kapil RJ
July 3, 2020
in Technology
0
0
SHARES
2
VIEWS
Share on FacebookShare on Twitter
Spread the love

How exactly does one become a front-end developer? Well, it’s complicated. Just consider this road map:

Today, in general, one can’t go to college and expect to graduate with a degree in front-end engineering. And, I rarely hear of or meet front-end developers who suffered through what is likely a deprecated computer science degree or graphic design degree to end up writing HTML, CSS, and JavaScript professionally. From my perspective, most of the people working on the front-end today generally seem to be self-taught from the ground up or cross over into the front-end space from design or computer science fields.

If you were to set out today to become a front-end developer I would loosely strive to follow the process outlined below (Chapter 3 and Chapter 4 will dive into more details on learning resources).

  1. Learn, roughly, how the web platform works. Make sure you know the “what” and “where” of HTML, CSS, DOM, JavaScript, Domains, DNS, URLs, HTTP, browsers, and servers/hosting. Don’t dive deep on anything just yet, just aim to understand the parts at play and how they loosely fit together. Start by building simple web pages.
  2. Learn HTML
  3. Learn CSS
  4. Learn JavaScript
  5. Learn DOM
  6. Learn the fundamentals of user interface design (i.e. UI patterns, interaction design, user experience design, and usability).
  7. Learn CLI/command line
  8. Learn the practice of software engineering (i.e., Application design/architecture, templates, Git, testing, monitoring, automating, code quality, development methodologies).
  9. Get opinionated and customize your tool box with whatever makes sense to your brain (e.g. Webpack, React, and Mobx).
  10. Learn Node.js

A short word of advice on learning. Learn the actual underlying technologies, before learning abstractions. Don’t learn jQuery, learn the DOM. Don’t learn SASS, learn CSS. Don’t learn JSX, learn HTML. Don’t learn TypeScript, learn JavaScript. Don’t learn Handlebars, learn JavaScript ES6 templates. Don’t just use Bootstrap, learn UI patterns.

Lately a lot of non-accredited, expensive, front-end code schools/bootcamps have emerged. These avenues of becoming a front-end developer are typically teacher directed courses, that follow a more traditional style of learning, from an official instructor (i.e., syllabus, test, quizzes, projects, team projects, grades, etc.).

Keep in mind, if you are considering an expensive training program, this is the web! Everything you need to learn is on the web for the taking, costing little to nothing. However, if you need someone to tell you how to take and learn what is low cost to free, and hold you accountable for learning it, you should consider a traditional instructor lead class room setting. Otherwise, I am not aware of any other profession that is practically free for the taking with an internet connection, a couple of dollars a month for screencasting memberships, and a burning desire for knowledge.

For example, if you want to get going today, consuming one or more of the following self-directed resources below can work:

  • Getting started with the Web [read]
  • So, You Want to be a Front-End Engineer [watch]
  • Frontend Masters Learning Paths [watch][$]
  • Introduction to Web Development [watch][$]
  • Treehouse Techdegree [watch][$]
  • Front-End Web Developer Nanodegree [watch][$]
  • Become a Front-End Web Developer [watch][$]
  • freeCodeCamp [interactive][watch]

When getting your start, you should fear most things that conceal complexity. Abstractions (e.g. jQuery) in the wrong hands can give the appearance of advanced skills, while all the time hiding the fact that a developer has an inferior understanding of the basics or underlying concepts.

It is assumed that on this journey you are not only learning, but also doing as you learn and investigate tools. Some suggest only doing to learn. While others suggest only learning about doing. I suggest you find a mix of both that matches how your brain works and do that. But, for sure, it is a mix! So, don’t just read about it, do it. Learn, do. Learn, do. Repeat indefinitely because things change fast. This is why learning the fundamentals, and not abstractions, are so important.

Previous Post

Native from Web Tech

Next Post

Front-End Job Titles

Kapil RJ

Next Post

Front-End Job Titles

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Trending
  • Comments
  • Latest
Author Abhaidev is back with his Suspense Thriller

Author Abhaidev is back with his Suspense Thriller

October 21, 2021
This Sci-Fi book has the ability to shape the future!

This Sci-Fi book has the ability to shape the future!

December 18, 2021
I used beauty in death as my story premise

I used beauty in death as my story premise

November 12, 2021
The Gods Are Not Dead – A Visionary Fiction You Must Read

The Gods Are Not Dead – A Visionary Fiction You Must Read

August 23, 2022
Do you write stories for kids?  क्या आप बच्चों के लिए कहानियाँ लिखते हैं?

Do you write stories for kids? क्या आप बच्चों के लिए कहानियाँ लिखते हैं?

1
कोरोना के ऊपर हिंदी जोक्स / चुटकुले  – II

कोरोना के ऊपर हिंदी जोक्स / चुटकुले  – II

1

Ojass Helps Little People

1
Bhupalpally district in Telangana; a green respite for Hyderabadis

Bhupalpally district in Telangana; a green respite for Hyderabadis

0
After UK And US, New Zealand To Ban TikTok On Government Devices

BBC Tells Staff To Delete TikTok Over Data Collection Fears

March 22, 2023
Sri Lanka receives first tranche of IMF bailout – Times of India

Sri Lanka receives first tranche of IMF bailout – Times of India

March 22, 2023
Indian airports’ revenues to rise to $3.9 billion next fiscal year – Times of India

Indian airports’ revenues to rise to $3.9 billion next fiscal year – Times of India

March 22, 2023
Sara Ali Khan on learning from FAILURES in Bollywood: ‘Girne ke baad uthna jaruri nhi…’ | EXCLUSIVE

Sara Ali Khan on learning from FAILURES in Bollywood: ‘Girne ke baad uthna jaruri nhi…’ | EXCLUSIVE

March 22, 2023

Recent News

After UK And US, New Zealand To Ban TikTok On Government Devices

BBC Tells Staff To Delete TikTok Over Data Collection Fears

March 22, 2023
Sri Lanka receives first tranche of IMF bailout – Times of India

Sri Lanka receives first tranche of IMF bailout – Times of India

March 22, 2023
Indian airports’ revenues to rise to $3.9 billion next fiscal year – Times of India

Indian airports’ revenues to rise to $3.9 billion next fiscal year – Times of India

March 22, 2023
Sara Ali Khan on learning from FAILURES in Bollywood: ‘Girne ke baad uthna jaruri nhi…’ | EXCLUSIVE

Sara Ali Khan on learning from FAILURES in Bollywood: ‘Girne ke baad uthna jaruri nhi…’ | EXCLUSIVE

March 22, 2023

The Daily Bulletin is India's leading English News Website. The Daily Bulletin offers latest news on Politics, Business, Sports, Entertainment, Lifestyle, Business, Technology, Travel and a lot more.

Stay tuned for all the breaking news in English !

Follow Us

Browse by Category

  • Business
  • Education
  • Entertainment
  • Fashion and Lifestyle
  • Fiction
  • Fiction
  • Health
  • Literature
  • Local News
  • Non Fiction
  • Readers Posts
  • Sports
  • Technology
  • Travel
  • Uncategorized
  • World

Recent News

After UK And US, New Zealand To Ban TikTok On Government Devices

BBC Tells Staff To Delete TikTok Over Data Collection Fears

March 22, 2023
Sri Lanka receives first tranche of IMF bailout – Times of India

Sri Lanka receives first tranche of IMF bailout – Times of India

March 22, 2023
  • Home
  • Terms of Service
  • Privacy Policy
  • Contact us

© 2020 The Daily Bulletin - India's leading English News Channel The Daily Bulletin.

No Result
View All Result

© 2020 The Daily Bulletin - India's leading English News Channel The Daily Bulletin.

WP2Social Auto Publish Powered By : XYZScripts.com