Almost everyone in CS & IT knows HTML, CSS and JavaScript, many of them think of these as the simplest subjects in their graduation and post graduation. Yes web designing technologies are very easy to learn, as they don’t have any compilers or interpreters. You will see an output even if you just add one HTML element and run the file.
I’m not going to teach web designing technologies here but I’ll share a way to learn those. As they say ‘easy come easy go’, the technologies are very easy to learn but it requires consistency and a learner’s attitude to master them. I’ve noticed in most of the interviews, candidates rate themselves 8 and 9 out of 10 in HTML and CSS. The moment I ask them 3rd or 4th question, they understand that the ocean is deeper than they were thinking.
I can clearly see that in the coming years, everyone will build their personal or professional websites. Most of them will build the sites themselves, either using some page building platforms like WIX, Elementor in WordPress or purchasing theme / templates and modifying as per their needs. This may result in very few people using these technologies to code the websites.
But those who are looking forward to making a career in web designing, they must learn and master these technologies the right way. Common mistake everyone makes is they learn HTML, CSS and JavaScript from W3Schools, this website is not for professional designers. It is for non-designers who want to copy and paste the code and misunderstand that they are designers.
If you really want to learn and master HTML – Mozilla (HTML: HyperText Markup Language | MDN (mozilla.org)) is the site for you. They also have really thorough explanation of CSS (CSS: Cascading Style Sheets | MDN (mozilla.org)) and JavaScript (JavaScript | MDN (mozilla.org)).
Understand the ground rules that
HTML
is used to build the web page structure. You can add all the content using HTML, yes you can design the page using HTML but use it just for building the structure and give proper classes and IDs to elements of your webpage.
CSS
is used to style your web page. Use external CSS to style the webpage. Avoid inline and internal CSS as much as you can. If you want to make changes in the design of your web page, you should be able to do it just with CSS and even touching the HTML code. The day when you can change the entire look and feel of your webpage using only CSS. You can call yourself a Web designer.
JavaScript
is used to make your webpage interactive. It can be used as a browser programming language. Don’t rush into jumping on jQuery, Angular, React, Vue. Mastering JavaScript will not only make you understand the front end development but also help you in Interviews.
OOPs
mostly designers don’t pay much attention to Object oriented programming, according to them design doesn’t depend on logic. Understanding and implementing OOPs to your design will help to build an engineering mindset to your design.