{"id":378,"date":"2024-05-30T15:00:00","date_gmt":"2024-05-30T15:00:00","guid":{"rendered":"https:\/\/kerrprogroup.com\/?p=378"},"modified":"2025-03-19T12:20:49","modified_gmt":"2025-03-19T12:20:49","slug":"in-praise-of-the-basics","status":"publish","type":"post","link":"https:\/\/kerrprogroup.com\/index.php\/2024\/05\/30\/in-praise-of-the-basics\/","title":{"rendered":"In Praise Of The Basics"},"content":{"rendered":"<p>              <title>In Praise Of The Basics<\/title><\/p>\n<article>\n<header>\n<h1>In Praise Of The Basics<\/h1>\n<address>Geoff Graham<\/address>\n<p>                  2024-05-30T15:00:00+00:00<br \/>\n                  2025-03-19T12:04:52+00:00<br \/>\n                <\/header>\n<p>Lately, I\u2019ve been thinking about <strong>the basics of web development<\/strong>. Actually, I\u2019ve been thinking about them for some time now, at least since I started teaching beginning web development in 2020.<\/p>\n<p>I\u2019m fascinated by the basics. They\u2019re an <strong>unsung hero<\/strong>, really, as there is no developer worth their salt who would be where they are without them. Yet, they often go unnoticed.<\/p>\n<blockquote><p>The basics exist in some sort of tension between the utmost importance and the incredibly banal.<\/p><\/blockquote>\n<p>You might even think of them as the vegetable side on your dinner plate \u2014 wholesome but perhaps bland without the right seasoning.<\/p>\n<p>Who needs the basics of HTML and CSS, some say, when we have tools that abstract the way they\u2019re written and managed? We now have site builders that require no technical knowledge. We have frameworks with enough syntactic sugar to give your development chops a case of cavities. We have libraries packed with any number of pre-established patterns that can be copy-pasted without breaking a sweat. The need to \u201clearn\u201d the basics of HTML and CSS is effectively <code>null<\/code> when the number of tools that exist to supplant them is enough to fill a small galaxy of stars.<\/p>\n<p>Rachel Andrew wrote one of my all-time favorite posts back in 2019, equating the rise of abstractions with an increase in complexity and a profound loss of inroads for others to enter the web development field:<\/p>\n<blockquote><p>\u201cWe have already lost many of the entry points that we had. We don\u2019t have the forums of parents teaching each other HTML and CSS, in order to make a family album. Those people now use Facebook or perhaps run a blog on wordpress.com or SquareSpace with a standard template. We don\u2019t have people customising their MySpace profile or learning HTML via <a href=\"https:\/\/www.reddit.com\/r\/neopets\/comments\/25nmni\/how_many_people_started_coding_because_of_neopets\/\">Neopets<\/a>. We don\u2019t have the people, usually women, entering the industry because they needed to learn HTML during that period when an organisation\u2019s website was deemed part of the duties of the administrator.\u201d<\/p>\n<p>\u2014 Rachel Andrew, \u201c<a href=\"https:\/\/rachelandrew.co.uk\/archives\/2019\/01\/30\/html-css-and-our-vanishing-industry-entry-points\/\">HTML, CSS and our vanishing industry entry points<\/a>\u201d<\/p><\/blockquote>\n<p>There\u2019s no moment more profound in my web development career than the time I changed the background color of a page from default white to some color value I can\u2019t remember (but know for a fact it would never be <code>dodgerblue<\/code>). That, and <a href=\"https:\/\/css-tricks.com\/moment-css-started-making-sense\/\">my personal \u201ca-ha!\u201d moment<\/a> when realizing that everything in CSS is a box. Nothing guided me with the exception of \u201cView Source,\u201d and I\u2019d bet the melting Chapstick in my pocket that you\u2019re the same if you came up around the turn of the 21st century.<\/p>\n<p>Where do you go to learn HTML and CSS these days? Even now, there are few dedicated secondary education programs (or <a href=\"https:\/\/css-tricks.com\/finding-front-end-development-scholarships\/\">scholarships<\/a>, for that matter) to consider. We didn\u2019t have bootcamps back in the day, but you don\u2019t have to toss a virtual stone across many pixels to find one today.<\/p>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"https:\/\/www.smashingconf.com\/online-workshops\/\">Smashing Workshops<\/a><\/strong> on <strong>front-end, design &amp; UX<\/strong>, with practical takeaways, live sessions, <strong>video recordings<\/strong> and a friendly Q&amp;A. With Brad Frost, St\u00e9ph Walter and <a href=\"https:\/\/smashingconf.com\/online-workshops\/workshops\">so many others<\/a>.<\/p>\n<p><a data-instant href=\"smashing-workshops\" class=\"btn btn--green btn--large\">Jump to the workshops\u00a0\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"smashing-workshops\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img decoding=\"async\" loading=\"lazy\" class=\"feature-panel-image-img lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Feature Panel\" width=\"257\" height=\"355\" data-src=\"\/images\/smashing-cat\/cat-scubadiving-panel.svg\"><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<p>There are excellent and\/or free tutorials, too. Here, I\u2019ll link a few of \u2019em up for you:<\/p>\n<ul>\n<li><a href=\"https:\/\/web.dev\/learn\/html\">Learn HTML<\/a> \/ <a href=\"https:\/\/web.dev\/learn\/css\">Learn CSS<\/a> by web.dev<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\">Getting Start With the Web<\/a> by MDN<\/li>\n<li><a href=\"https:\/\/scrimba.com\/learn\/introhtmlcss\">HTML &amp; CSS Crash Course<\/a> by Kevin Powell<\/li>\n<li><a href=\"https:\/\/www.theodinproject.com\/lessons\/foundations-introduction-to-html-and-css\">Introduction to HTML and CSS<\/a> by The Odin Project<\/li>\n<li><a href=\"https:\/\/www.w3docs.com\/learn-html.html\">Learn HTML<\/a> \/ <a href=\"https:\/\/www.w3docs.com\/learn-css.html\">Learn CSS<\/a> by W3Docs<\/li>\n<\/ul>\n<p>Let\u2019s not even get into the number of YouTube tutorials. But if you do, no one beats <a href=\"https:\/\/www.youtube.com\/kevinpowell\">Kevin\u2019s incredible archive of recorded gems<\/a>.<\/p>\n<p>Anyway, my point is that <strong>there are more resources than ever for learning web development, but still painfully few entry points to get there<\/strong>. The resources we have for learning the basics are great, but many are either growing stale, are quick hits without a clear learning path, or assume the learner has at least some technical knowledge. I can tell you, as someone who has hit the Publish button on thousands of front-end tutorials, that the vast majority \u2014 if not all \u2014 of them are geared toward those who are already on the career path.<\/p>\n<p>It was always a bit painful when someone would email CSS-Tricks asking where to get started learning CSS because, well, you\u2019d imagine CSS-Tricks being the perfect home for something like that, and yet, there\u2019s nothing. It\u2019s just the reality, even if many of us (myself included) cut our chops with sites like CSS-Tricks, Smashing Magazine, and A List Apart. We were all learning together at that time, or so it seemed.<\/p>\n<blockquote><p>What we need are more pathways for <strong>deep learning<\/strong>.<\/p><\/blockquote>\n<p><a href=\"https:\/\/lxd.org\">Learning Experience Design<\/a> (LXD) is a real thing that I\u2019d position somewhere between what we know as UX Design and the practice of accessibility. There\u2019s a focus on creating delightful experiences, sure, but the real aim of LDX is to establish learning paths that universally account for different types of learners (e.g., adults and children) and learning styles (e.g., visual and experiential). According to LDX, learners have a set of needs not totally unlike those that <a href=\"https:\/\/en.wikipedia.org\/wiki\/Maslow\u2019s_hierarchy_of_needs\">Maslow\u2019s hierarchy of needs<\/a> identifies for all humans, and there are different models for determining those needs, perhaps none more influential than <a href=\"https:\/\/www.bloomstaxonomy.net\">Bloom\u2019s Taxonomy<\/a>.<\/p>\n<p>These are things that many front-end tutorials, bootcamps, videos, and programs are not designed for. It\u2019s not that the resources are bad (nay, most are <em>excellent<\/em>); it\u2019s that they are serving different learners and learning types than what a day-one beginner needs. And let\u2019s please not rely on AI to fill the gaps in human experiences!<\/p>\n<p>Like I said, I\u2019ve been thinking about this a lot. Like, <em>a lot<\/em> a lot. In fact, I recently published an online course purely dedicated to learning the basics of front-end development, creatively named <a href=\"https:\/\/thebasics.dev\"><strong>TheBasics.dev<\/strong><\/a>. I\u2019d like to think it\u2019s not just another tutorial because it\u2019s a complete set of lessons that includes reading, demonstrations, videos, lab exercises, and assessments, i.e., a myriad of ways to learn. I\u2019d also like to think that this is more than just another bootcamp because it is curricula designed with the intention to develop new knowledge through reflective practices, peer learning, and feedback.<\/p>\n<p>Anyway, I\u2019m darn proud of The Basics, even if I\u2019m not exactly the self-promoting type, and writing about it is outside of my comfort zone. If you\u2019re reading this, it\u2019s very likely that you, too, work on the front end. The Basics isn\u2019t for you exactly, though I\u2019d argue that brushing up on fundamentals is never a bad thing, regardless of your profession, but especially in front-end development, where standards are well-documented but ever-changing as well.<\/p>\n<ul>\n<li><a href=\"https:\/\/thebasics.dev\">Visit The Basics<\/a><\/li>\n<\/ul>\n<div class=\"partners__lead-place\"><\/div>\n<p>The Basics is more for your clients who do not know how to update the website they paid you to make. Or the friend who\u2019s learning but still keeps bugging you with questions about the things they\u2019re reading. Or your mom, who still has no idea what it is you do for a living. It\u2019s for those whom the entry points are vanishing. It\u2019s for those who could simply sign up for a Squarespace account but want to actually understand the code it spits out so they have more control to make a site that uniquely reflects them.<\/p>\n<p>If you know a person like that, I would love it if you\u2019d share <a href=\"https:\/\/thebasics.dev\">The Basics<\/a> with them.<\/p>\n<p>Long live the basics! Long live the \u201ca-ha!\u201d moments that help us all fall in love with the World Wide Web.<\/p>\n<div class=\"signature\">\n  <img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" class=\"lazyload\" data-src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\"><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>In Praise Of The Basics In Praise Of The Basics Geoff Graham 2024-05-30T15:00:00+00:00 2025-03-19T12:04:52+00:00 Lately, I\u2019ve been thinking about the basics of web development. Actually, I\u2019ve been thinking about them for some time now, at least since I started teaching beginning web development in 2020. I\u2019m fascinated by the basics. They\u2019re an unsung hero, really, as there is no developer worth their salt who would be where they are without&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/posts\/378"}],"collection":[{"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":1,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/posts\/378\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kerrprogroup.com\/index.php\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}