We are proud to say that the Quantox Technology is our silver sponsor at the 3rd Agile Serbia Conference. On the EXE stage they will introduce you with the workshop “Creating IoT device for your Scrum meetings”. For this workshop, basic understanding of programming is recommended, but it is not required. During this workshop, they will show you how to work on their IoT tool. Also, they decided to take a step further and sent us a great blog post by Attila Pravda based on the importance of front-end development.
Dawning of my interest in web development was accompanied by the thought that what it consists of is staring at zeros and ones all day long. This erroneous preconception – which was caused by a lack of understanding what web development actually is – got me in a position where I had no clue where I should start with learning.
I have been contacted recently by a lot of people who suffered from similar false preconceptions, and these were their most frequently asked questions:
- “A friend of mine would like to take up programming, where should he start?”,
- “I wanna be a programmer, which course should I enroll in?”,
- “I am fresh out of college but I feel clueless, can you offer some guidance on how to learn programming?”
For that reason, I’ve decided to write an article on the topic of what path should those who seek to become Front-end developers take.
What is web development?
In order to know where to start, you first must have the basic idea of what web development is. Simply put, web development is the type of programming that deals with building websites. It consists of Front-end development (programming in the browser, working with what the user sees) and Back-end development (programming on the server, working with that which happens “in the background”).
Where to start?
In comparison to the period, long past when access to crucial information was the privilege of formally educated, we now have the internet which is full of all kinds of useful and above all free information. When said abundance is paired up with good guidance – something which this article offers – future programmers become free of need to spend a considerable amount of money on infamous “Become a programmer in six months” courses or so called “Schools of programming”. I can say from my personal experience that these alternatives cannot offer you a decent education, and that you will – provided you follow this article’s instructions and make a sincere effort – master everything they could ever teach you fairly quickly.
So, where to start? Why, from this article, of course!
The decisive factor in one’s growth as a professional programmer is knowledge which technologies should be learned as well as in which order they should be learned.
Learning is divided into three phases:
- Things you must know (FTP, Terminal, GIT)
Basic Front-end development
Basic Front-end development is comprised of following technologies:
- HTML (HyperText Markup Language)
- CSS (Cascading Style Sheets)
Things you must know
In order to be able to work on more demanding projects as well as be competitive on the job market, you will have to learn how to use certain tools which aren’t closely connected to Front-end development:
- FTP (File Transfer Protocol)
FTP is a tool which helps you communicate with the server where the application you’re working on is stored, terminal i.e. command line is a tool which helps you to increase control over your project, whereas GIT is a version control system which tracks changes in computer files.
Learning how to use WordPress is what will help you immensely in getting your first paid job. WordPress is a CMS (Content Management System) which will give you tons of opportunities for earning, being that one quarter of all internet websites use it.
Advanced Front-end development
Advanced Front-end development is comprised of following technologies:
- CSS pre-processors & Bootstrap
CSS pre-processors are there to make writing CSS easier by the virtue of ability to write in modules, having variables support and a more simple syntax which will lessen code repetition and make it easier to read.
Bootstrap is the most popular framework for quick realizations and optimization of web pages, with an excellent responsive grid system and lots of predefined components which make it easy for use. With a sound knowledge of CSS, learning these frameworks should be a walk in the park.
The last item on the list of advanced Front-end development are the toolkits such as NPM, Gulp and Webpack. These tools are perfect for speeding things up by relying on automatization, modularization etc.
This text is but an intro to subjects which shall be explored thoroughly in the upcoming articles, so stay tuned.
Until next time,
Attila Pravda Front-end developer @ Quantox