How to Know if You Know Html
How Much HTML and CSS Should Yous Know To Be A Complete Developer?
Before learning web evolution and programming I was always at awe whenever I looked into nicely washed websites. I honey reading manufactures and the web is my primary source of contemporary data. Thus, I was exposed to a plethora of awesome pages that non but looked smashing but also provided sensible functionalities for its viewers. Information technology stirred in me a desire to also i solar day be able to present information to the globe in a way that would wow anyone looking at them.
Equally a content creator I began by using Blogger, writing about fiscal teaching and entrepreneurship. With Blogger, in those days, in that location wasn't a lot of leeway one could have in terms of customizing a site'south look. I started tinkering and found tutorials that taught me how to tweak the CSS files of a Blogger theme. This was when I realized I needed to learn HTML and CSS. I didn't first learning until finally accepting the fact that editing a few CSS lines could never give me full command of how a site I was making would look and function.
Now more than than five years afterward, I already know how to make a site from scratch and even put basic functionalities in it. Heck, I tin now even lawmaking both the front and backend of a basic blog app and fifty-fifty build a Boob tube-Series app with ReactJS. No matter how relatively advanced my skills are now, I can't deny the fact that learning HTML and CSS is my foundation.
I sympathize ane'southward itch to start with a real programming linguistic communication such as Reddish, JavaScript or Python. But to build something complete, at least for the web, a developer should have decent HTML and CSS skills. Notwithstanding, a web programmer need not be an skilful in them.
Practise You Demand That Much HTML/CSS To Be A Developer?
I initially thought of making a full diddled listing of all the HTML tags and CSS selectors/properties. Then I realized I could but atomic number 82 the reader to more useful resource. I'll and then simply make high-level suggestions in order to emphasize that web developers need non have a Bruce Lee-level of competence to be HTML/CSS ninjas. To build a site you only demand to employ mutual HTML tags such equally for headings (h1-h6), links (<a>), images (<img>), unordered lists (<ul> with <li> inside), divs and spans. In addition to these are the HTML5 semantic tags <header>, <nav>, <principal>, <section>, <aside>, <article> and <footer>. There are lots of other tags that are required in sure situations but I only included those that are commonly utilized. For CSS, you lot just need to larn how to mode text (font backdrop), links (text-ornament mostly), tweak dimension and position of elements (width, margin, padding, float, position) and style backgrounds (background-image and background-color). CSS transitions and animations are also present ubiquitous in nearly sites, and so information technology may exist necessary to learn them.
Here are links to unproblematic but great tutorials to learn HTML and CSS:
- Learn HTML5
- Acquire CSS3
- Responsive Web Design
Frameworks and Libraries Give U.s.a. CSS Superpowers
These days nosotros are blest to have tools, libraries and frameworks to make it simpler and easier for us to build the markup and styles of a site. Information technology was previously tough to perfect a page's layout using purely floats and position backdrop in CSS. But now we have FlexBox and CSS Grid. Having basic skills in those 2 volition already allow one to make incredible looking web pages. In addition to this nosotros have libraries such as Bootstrap, Foundation and Semantic-UI that provide gear up styling. Nosotros merely need to link to their CSS files (and JavaScript/jQuery libraries), empathise their class and grid systems and, voila, yous tin build awesome looking sites.
Learn Flexbox and CSS Filigree while having fun
- Flexbox Froggy — Learn Flexbox through a game
- Flexbox Tutorial on Scrimba
- Grid Garden — Learn CSS Grid through a game
- CSS Grid Tutorial on Scrimba
Alas, as if the in a higher place were not plenty, we now have CSS pre-processors (i.e, SASS, LESS). What are they proficient for? If y'all've washed lots of CSS before, you will agree that the CSS code can get messy and hard to understand. The issue of this is a nightmare of debugging sessions finding which part of your 700 plus lines of CSS is the culprit. And what about those repeated or redundant selectors that make your CSS that long in the first identify? I believe a CSS pre-processor's biggest value comes from how it helps a developer organize his/her CSS code. This makes it easy to manage a site with multiple selectors and properties. Now if you lot're starting web development and you're really raring to start 'really programming' then y'all'll exist glad to know that with CSS pre-processors it'southward well-nigh exactly like programming already. You lot utilise things like variables, loops and functions as if you're working on JavaScript or Ruby.
Learn to apply Chrome Developer Tools
Somebody building a website should never e'er, and I mean always, neglect using this magnificent tool. Firefox also has one only I discover Chrome's to be easier to utilise. With Chrome's Dev Tools y'all can hands cheque your site's HTML elements and CSS properties in gild to fix bugs or test a new way yous desire to contain to your folio without committing it into the actual code.
To Master HTML/CSS fast Starting time Past Cloning Sites
Somebody offset their web development journey will have to exist intimate with HTML and CSS for a few weeks (fifty-fifty months) before they could jump to learning programming proper. But which is the best way to practice building sites? Brusk respond — clone existing sites. Doing so will save you the time and trouble of searching for ideas. You will take a large conviction boost once you build even the header or nav part of the site you're cloning.
Best Way To Learn — with a coding partner
I started learning web evolution and programming by myself. While you may acquire a lot by yourself, working with others is still better. There volition be lots of times you will become stuck with bugs that, because of the many lines of code you've written, you just fail to locate. Another prepare of eyes volition save you from such desperation. Do I need to say information technology's more fun? I myself am currently working everyday with a coding partner, from another part of the world. Nosotros have cloned homepages of pop companies including Mint.com, Apple, Newsweek and TheNextWeb. We learned a lot forth the manner. Discipline and consistency are important to go a highly skilled web developer or software engineer. Having an accountability partner helps build those ii traits.
Find a structured way to learn
If y'all want to undergo an intense software engineering training then visit Microverse.org. If it's your first time to lawmaking sign upward for the pre-course where yous'll larn (FOR FREE) web development and software engineering. If you're an advanced learner (you are comfortable with some JavaScript or whatsoever other programming language) then I would recommend the Fast Track Plan (y'all will just pay one time you finish the program and detect a remote software engineering job).
Follow me on Twitter | Github
Source: https://medium.com/hackernoon/how-much-html-and-css-should-you-know-to-develop-4456e2ca8595
0 Response to "How to Know if You Know Html"
Post a Comment