Getting stated with Front-end Development

This is the first post of my new series ‘Learning Front-end development ’. I have been reading a lot about front-end development (tools and technologies) for a few months now and thought it might be a good idea to share what I learnt with everybody . The goal of this series are as follows:

  • Share information with others
  • seek and welcome input/advice and last but not the least, 
  • clarify my own understanding by trying to write articles about them.

Okay, so who is a Front end developer and what does he do?

A front-end developer architects and develops websites and applications using web technologies (i.e. HTML, CSS, DOM, and JavaScript), which run on the web platform or act as compilation input for non-web platform environments (i.e. NativeScript).

The following web technologies are mostly employed by front-end developers:

  • Hyper Text Markup Language (aka HTML)
  • Cascading Style Sheets (aka CSS)
  • Document Object Model (aka DOM)
  • JavaScript Programming Language (aka: ECMAScript 6, ES6, JavaScript 2015)
  • Web API’s (aka HTML5 and friends or Browser API’s)
  • Hypertext Transfer Protocol (aka HTTP)
  • JavaScript Object Notation (aka JSON)

For a comprehensive list of all web related specifications have a look at platform.html5.org.

Web Development Tools:

Web development tools allow web developers to test and debug their code. They are different from website builders and IDEs in that they do not assist in the direct creation of a webpage, rather they are tools used for testing the user facing interface of a website or web application.
Web development tools come as browser add-ons or built in features in web browsers.The most popular web browsers today like, Google Chrome, Firefox, Opera, Internet Explorer, and Safari have built in tools to help web developers, and many additional add-ons can be found in their respective plugin download centers.
While most browsers come equipped with web developer tools, the Chrome developer tools are currently the most talked about and widely used tools available.

Good web tutorials to learn general front-end development:

A Baseline for Front-End [JS] Developers: 2015 [read]
freeCodeCamp [interact]
Front-end Curriculum [read]
Frontend Guidelines [read]
So, You Want to be a Front-End Engineer [watch]
Web Fundamentals [read]
Web Developer Checklist [read]
Codecademy [interact]
Codewars [interact]

General front-end newsletters, news outlets, & podcasts:

The Big Web Show
Fresh Brewed Frontend
FRONT-END DEV weekly
Mobile Web Weekly
Open Web Platform Daily Digest
shoptalkshow.com
The Web Ahead
The Web Platform Podcast
webtoolsweekly.com

That’s all for today.  Watch out for my next article. Thanks for reading. 🙂

 

 

Advertisements

Published by

gradgospels

I am a Software Engineer by profession. I'm ever curious to find the latest technology in the field and put it to good use. Quite a bit of my free time goes to learn different tools and technology.I enjoy development for Linux, building/leading teams, and contributing to different open source projects. Even though I have a very wide range of interests when it comes to build software, my current focus is on Frontend development. I am thrilled to work with HTML,CSS,JS, JQuery and Ajax like concepts. I also love to read, write, travel and cook.

One thought on “Getting stated with Front-end Development”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s