Irfan Ali
3 min readDec 18, 2020

--

#JustStart

Struggling in front-end development as a backend developer.

Photo by Tracy Adams @tracycodes on Unsplash

As an information technology student, I’ve studied multiple programming languages as well as got my hands dirty on multiple projects related to different domains like mobile app development, desktop as well as web development. But since I started learning web development I started falling in love with this domain and found this out very interesting, so I decided to continue my learning in web development and keep myself growing. I started learning from HTML and then CSS and then a very little bit of JavaScript sadly and then PHP and MySQL. I was in a rush and wanted to learn things as fast as I can because I was really passionate about web development and to make things dynamic. So while rushing towards making things dynamic in my web project I ignored the importance of front-end technologies and without clearing my concepts I directly jumped into backend development. I was just using premade bootstrap themes and learned bootstrap to make layouts and do changes using bootstrap. Bootstrap is basically a CSS framework that is used for building layout and is easy to use. As I was moving along and making project I was more focused on the backend development and I was making logics to make things happen, but at some point, I was really struggling to make my layouts or just apply some custom CSS to style an element and was having difficulty understanding JavaScript because I was kind of working as a full-stack without the knowledge of the fundamentals HTML, CSS and JavaScript. (Sounds Weird Hmm)

Photo by Jake Young @huskerfan3 on Unsplash

After a lot of struggle in using and understanding front-end technologies especially CSS and JavaScript, I decided to start again from the very beginning but at the same time, I was revising all the concepts I’ve learned as a backend developer so that I don’t forget those concepts and all those syntaxes and practices. I also came to the point that HTML, CSS and JavaScript are the building blocks of the web and without these web development is totally incomplete. So I started finding blogs to help me guide how can I start my journey so that I can make the most out of my time and learn a lot constantly and without burning out. After finding out the blogs I’ve used them as a guiding path and established my goal around them. I’ve decided on my first goal to learn CSS thoroughly and make at least 3 responsive layouts within 1 month with custom CSS in order to get familiar with all the major concepts in CSS and to make them use layouts. After building my first layout or first web page with pure HTML and CSS I was feeling very comfortable working with front-end technologies. The web page looks like this.

My first web page development as a backend developer using HTML and CSS (no framework)

After developing my first web page using the core technologies without any framework I now feel very comfortable and confident that I can develop more layouts. I realized how important is the basic concepts when someone learns something new or goes into any field of the world. A person having strong basic concepts can learn any new framework easily. As someone who is just starting out web development, I would suggest please don’t rush and have a slow and steady pace until you’ve sunk all the core concepts then you can move towards frameworks or libraries. My next step would be learning flexbox and get my hands dirty on it as I’ve made this page using the float method.

Have fun coding; /*:)*/

--

--