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?
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)
- Web API’s (aka HTML5 and friends or Browser API’s)
- Hypertext Transfer Protocol (aka HTTP)
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]
Front-end Curriculum [read]
Frontend Guidelines [read]
So, You Want to be a Front-End Engineer [watch]
Web Fundamentals [read]
Web Developer Checklist [read]
General front-end newsletters, news outlets, & podcasts:
That’s all for today. Watch out for my next article. Thanks for reading. 🙂