HTML All The Things - Web Development, AI, and Developer Careers

Learning JavaScript from scratch can be as much about syntax as it is programming concepts, especially when it's your first language. Concepts like knowing how and why you need a place to store bits of data (variables), re-using code snippets instead of writing them repeatedly (functions), making decisions (conditional statements), and working with collections of data (arrays and looping) are all second nature to experienced developers. These concepts are the foundational building blocks that let you solve problems by thinking like a computer (sometimes this is called programmatic logic). In this episode, Matt and Mike discuss these key JavaScript basics including variables, functions, conditional statements, arrays, and looping. Show Notes: https://www.htmlallthethings.com/podcasts/javascript-basics-learn-these-concepts-first Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Failure is a hard pill to swallow, but it's failure that allows us to grow as developers. When you're learning a language like JavaScript, there are a lot of concepts to take in, and even more ways to accomplish the same task. Sometimes, you'll choose a method that works...only to find out later that it's the "wrong" way to do it because of security, or efficiency. When that happens, many JavaScript developers will take the failure hard and let imposter syndrome take hold. In reality, these things will happen to you, and they should seen as a steppingstone as you work your way through junior developer all the way up to senior developer and beyond. Thanks to this episode's sponsor Clio Websites: https://cliowebsites.com/ Show Notes: https://www.htmlallthethings.com/podcasts/failure-will-make-you-a-better-javascript-developer Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Next.js is a popular React framework that recently made some controversial changes with its 13.4 update. App router was moved to stable in this release bringing React server components, nested routers & layouts, simplified data fetching, streaming & suspense, and built-in SEO support. Unfortunately, some web developers are not excited for this release, with a few questioning if these changes align with what React initially aimed to solve. In this episode, Matt and Mike discussed the Next.js 13.4 update, covering the difference between client and server components, and the community drama that stemmed from these changes. Thanks to this episode's sponsor Clio Websites: https://cliowebsites.com/ Show Notes: https://www.htmlallthethings.com/podcasts/next-js-13-4-app-router-client-components-vs-server-components Scrimba Discount: https://tinyurl.com/ScrimbaHATT

HTML, CSS, and JavaScript are foundational web development technologies that Matt and Mike recommend web developers learn before trying out a framework (ie React, Svelte). Out of these three pillars, JavaScript is the most difficult to learn, especially for people that have never been exposed to programming before. Learning how to think and solve problems like a computer (programmatic logic) coupled with writing and understanding a brand-new syntax is no easy feat. These difficulties have sparked several guides, courses, and bootcamps all aimed at teaching people JavaScript and other web technologies using unique combinations of theory and project-based learning. Some people, however, will skip taking in any theory at all and go straight for project-based learning, referring to documentation and other written material only when they're really stuck. With such a difficult learning curve for junior developers, can they learn JavaScript through only project-based learning? Show Notes: https://www.htmlallthethings.com/podcasts/can-you-learn-javascript-through-only-project-based-learning Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Full-stack development is one of the most difficult web development positions as it covers both the frontend and backend of a website. The frontend is responsible for the user interface, including any logic that powers that interface (ie animations, show/hide elements). The backend is responsible for features working from a server, typically handling security-heavy functions (ie credit card usage), and data manipulation (ie saving your profile changes). Luckily the combination of Svelte on the frontend and SvelteKit on the backend can make full-stack development easier than you might think with a fast development server, easy-to-follow file structure, and syntax that is easily picked up if you're coming from another JavaScript framework. This week Matt and Mike discussed how Svelte and SvelteKit can help you develop full-stack websites and apps faster than some of the other tools out there. Show Notes: https://www.htmlallthethings.com/podcasts/how-sveltekit-makes-full-stack-easy Scrimba Discount: https://tinyurl.com/ScrimbaHATT

The tech world moves quickly, and web development is no exception...except that it seems like web development keeps re-inventing the wheel. Us web developers can make a blog in WordPress, Svelte + SvelteKit, React, Webflow, and many more. It seems like we spend most of our time arguing and creating new tools to develop the exact same end products, when we could be innovating and creating the next best thing. For our non-techie customers, they see no difference and form no opinion on whether their blog should be created using Svelte or React - yet we waste tons of hours learning different technologies that can pump out the same projects, with little difference. While the rest of the tech world looks to Apple for what they're calling "spatial computing" with the Vision Pro, and Meta for their affordable AR/VR experiences...websites remain large the same as they were a number of years ago. Does this mean that websites are being left behind, are they old news? Show Notes: https://www.htmlallthethings.com/podcasts/are-websites-old-news-are-they-going-the-way-of-the-newspaper Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Learning JavaScript from scratch can be a real challenge, but once you're through it, your newfound programming knowledge will pay dividends for years into your career. JavaScript is one of the foundational technologies on which the web is built, alongside HTML and CSS. Knowing it gives you insight into how to "think like a computer" and offers a running start when you're ready to learn a JavaScript framework like React, Vue, or Svelte. This week, Matt and Mike discussed how to get started learning JavaScript as an absolute beginner looking to work their way through junior developer and beyond. Show Notes: https://www.htmlallthethings.com/podcasts/learning-javascript-from-scratch Scrimba Discount: https://tinyurl.com/ScrimbaHATT

Coming back to a web development project after a long hiatus is difficult enough for a senior developer, let alone a junior developer. As a newbie when it comes to Svelte and SvelteKit, Matt tried to return to his passive income app weeks after his last visit, only to find himself stumped on what to work on next, and how everything he already had worked. This led him to question whether he should be restarting from scratch, re-engineering everything with the knowledge he remembered up to that point, or to start up a Udemy course to get situated with Svelte and SvelteKit again. In this episode, Matt and Mike discussed the course of action that Matt took to get himself unstuck on his coding problem so he could continue programming and learning Svelte and SvelteKit. Show Notes: www.htmlallthethings.com/podcasts/full-stack-struggles-2-i-was-at-the-gates-of-tutorial-hell Scrimba Discount: https://tinyurl.com/ScrimbaHATT We receive a monetary kickback if you purchase a Scrimba plan using our link

On top of the growing collection of "must-know" tools in a web developer's arsenal is the famous (or maybe infamous?) TypeScript - a high-level programming language that adds static typing with optional type annotations to JavaScript. Developed by Microsoft, TypeScript can improve the developer experience by allowing the data that is passed around the code to be typed to something specific (ie Boolean), with TypeScript ready to throw an error if the types don't match appropriately through the program. In this episode, Matt and Mike discuss TypeScript at length discussing whether you need to learn TypeScript and how to learn it whether you're a beginner, or veteran coder. Using our affiliate link, get 10% off all Scrimba plans - click here! Show Notes: www.htmlallthethings.com/podcasts/do-you-need-to-learn-typescript-in-2023

Practice makes perfect, so it makes sense when senior developers tell aspiring juniors to "just code" and it will all work out. The problem with "just code" is that a complete beginner will have no idea where to start, or what to code up. Should they use HTML, React, or PHP? What type of project should they code up? In this episode, Matt and Mike hope to lay out a clear pathway on where to start learning web development for absolute beginners. We hope that the discussion will also help those that are acting as mentors for soon-to-be junior web developers. Scrimba Discount Use this URL to get 10% off on all their paid plans: https://tinyurl.com/ScrimbaHATT

The web development community has a collection of hot takes that seem to continuously come up time and time again in social media discussions and podcast debates. Hot takes like the debate of whether or not HTML is a programming language, or if React is good. These, among several other hot takes, are typically rooted in divide among the community as friction points about what tools to use and how to use them spark fierce debate among those that work closely with them. In this week's episode, Matt and Mike discussed and debated a collection of these hot takes, offering their opinions on each one. Using our affiliate link, get 10% off all Scrimba plans - click here! Show Notes: www.htmlallthethings.com/podcasts/web-development-hot-takes-is-html-a-programming-language-does-react-suck

No-code platforms are useful tools for those that don't have the expertise to code up a web app, website, or mobile app themselves, but what if we told you that they can be useful for programmers too? No-code tools can save web developers time by offering a quick and easy creation platform that can typically be expanded upon with code (usually JavaScript). This week Matt and Mike discussed the importance of no-code being used alongside code to help teach new developers and assist veteran programmers with their tight deadlines. Using our affiliate link, get 10% off all Scrimba plans - click here! Show Notes: www.htmlallthethings.com/podcasts/coding-for-no-coders-javascript-editing

Squashing bugs in your code can be as easy as finding a missing semicolon, but sometimes it can be a grueling process filled with torn out hair and console logs. In this episode, Matt and Mike discuss the various ways that you can debug your code using methods that span HTML, CSS, and JavaScript. For HTML, the DOM inspector, markup validation, and accessibility checkers can ensure you have a clean structure for the rest of your code to work from. Then in the layout department, CSS debugging methods can include things like using the Computed tab in your dev tools, obvious visual markers (ie red borders on targeted elements), and various Chrome extensions. And finally, JavaScript - the part of your website that is most likely already acquainted with debugging includes methods like using alerts, breakpoints, asking AI to correct errors, and much more. Show Notes: www.htmlallthethings.com/podcasts/debugging-html-css-and-javascript

This episode is for all of you out there that are hesitant to release your website, blog post, or whatever it is you're working on - scared to hand it over to the audience that is supposed to consume it. Instead of releasing what we have on schedule, some of us may hesitate due to perfectionism, burnout, or anxiety over what the users may think. Sometimes a delay is warranted, but often these delays can impair your future decision making on how to update/upgrade your project as you'll have no user feedback to work from. In this episode, Matt and Mike discuss working towards a project that is good enough to release, without focusing on all the "what ifs" for release. Show Notes: www.htmlallthethings.com/podcasts/good-enough-is-better-than-perfect-how-to-avoid-burnout-and-launch-your-website-faster

With the current job market seemingly handing out nothing by layoffs, it may seem like landing a junior developer job is an impossible task. While we acknowledge that it is more difficult than it was a year or two ago to land a junior developer job, all hope is not lost. There are always people hiring, even during the worst economic downturns and those that keep at it have a higher chance at succeeding. In this episode, Matt and Mike discuss how to help a junior developer in your life succeed through mentorship, connections, peer code reviews, and more. Show Notes: www.htmlallthethings.com/podcasts/helping-junior-developers-succeed

Can an AI chat bot like ChatGPT teach a junior developer web development from scratch? What about an experienced web developer looking to update his skills on a new framework? In this premiere episode of Full-Stack Struggles, Matt documents his experience getting situated with Svelte. As a beginner, he found himself needing assistance quite often and instead of reaching for a blog post, or some documentation, he instead reached for an AI chat bot - namely Bing AI. With the recent advancements in AI technology (especially chat bots), they've been the talk of the internet with how useful they can be as an alternative to Googling and sifting through countless results. Was chatting with an AI enough to answer all of Matt's questions? Show Notes: www.htmlallthethings.com/podcasts/full-stack-struggles-1-can-ai-teach-me-web-development

In this interview episode, Matt and Mike sat down with Bob Ziroll the head of education for Scrimba to discuss all things React, escaping your comfort zone, teaching courses, and much more! Bob Ziroll is known for his React courses on both Scrimba and freeCodeCamp, he also anticipates starting a YouTube channel sometime soon. Show Notes: www.htmlallthethings.com/podcasts/teaching-you-how-to-react-w-bob-ziroll

CSS animations are somewhat of an advanced CSS topic that many people skip out on when they're developing their site's MVP, or first few versions. Further into its life though, CSS animations (and transitions for that matter) add a level of polish to a website that can subtly bring about a premium feel for its UI/UX. It's quite easy, however, to go overboard with animations and transitions to the point where they feel out of place, sometimes looking like they're just being done for the sake of another animation instead of complimenting the content on the page. This week, Matt and Mike discussed CSS animations and CSS transitions, discussing the good, bad, and the ugly when it comes to using them on your next project. Show Notes: www.htmlallthethings.com/podcasts/css-animations-can-make-or-break-a-site

The advanced technical nature of web development coupled with what seems like a completely new dictionary to memorize can easily overwhelm junior developers before they've completed their learning journey. There is a lot of technical jargon and technical terms that must be understood to read documentation and hold a conversation with developer colleagues. These terms include things like data structures, algorithms, syntax, and much more. This week, Matt and Mike try and help simplify these terms into easy-to-understand definitions, so you don't get bogged down in memorization. Show Notes: www.htmlallthethings.com/podcasts/junior-developers-guide-to-confusing-terms

CSS is a crucial skill for frontend developers to learn and eventually master, but it's flanked by other tools that many employers demand skills in. Bootstrap, TailwindCSS, and SASS are all tools that assist in the development of user interfaces, by augmenting and expanding what vanilla CSS already offers. With this in mind, it's easy for a junior developer to start questioning when to move their learning journey on from vanilla CSS to something that an employer may have interest in. Many times this question can result in analysis paralysis and over a long period of time, may result in CSS tutorial hell. This week, Matt and Mike discuss this transition from learning vanilla CSS to learning the next step that applies to your goals. Show Notes: www.htmlallthethings.com/podcasts/youve-learned-enough-css-heres-whats-next

Do you know enough JavaScript to move onto something else like React, or Svelte? How do you know if you'll be ready? This week, Matt and Mike discuss the vanilla JavaScript fundamentals you need to know before learning new tooling like React, or Svelte. We hope that this episode helps clear the air for any junior developers wondering if they should start the next step of their JavaScript learning journey, or if they still have more vanilla JS to learn. Show Notes: www.htmlallthethings.com/podcasts/javascript-fundamentals-you-need-to-know-before-learning-react

The popularity of WordPress partly comes from its ability to transform into virtually any website creation tool you need. From a membership site managing tool, to an inventory control system with ecommerce, the WordPress plugin offerings seem to be able to make anything happen - with low, to no-code. This is, however, as long as everything keeps working the way it should. With critical errors like the WordPress white screen of death threatening websites at almost every turn, we discuss why knowing how to code (or at least manage hosting files) is a critical skill that many WordPress users don't realize they need...until it's too late. Show Notes: www.htmlallthethings.com/podcasts/if-you-cant-code-dont-use-wordpress

Tech layoffs are in full swing right now, with companies shrinking their teams for a variety of reasons. This is a stark contrast to the hiring spree that we experienced and grew used to during the chaos that was the COVID-19 pandemic. Does this mean that junior developers should pack up and find work elsewhere? Should people that are still learning web development leave the field entirely?

The most popular social media & video sharing websites out there now support (or are centered around) vertical video in the form of short-form content that commonly comes in under a minute in length. As the popularity of these short-form videos has taken off in recent years, we've seen this form factor escape smartphones, arriving on desktop computers and TVs. Unfortunately, this presents designers with a perplexing problem as vertical video (portrait aspect ratio) is not ideal for screens that are almost always landscape (widescreen). In this episode, Matt and Mike discuss the rise of vertical video (short-form content), discussing & debating on how it is shaping our user interfaces, and how it could even start shaping the hardware we use in the home.

CSS attribute selectors are a lot more powerful than I thought! I wasn't aware that they could not only select elements based on the presence of an attribute, or the presence of an attribute with a specific value, but that they could also "filter" through that attribute value by placing specific parameters on them using just CSS. In this episode, Matt and Mike discuss these "advanced attribute selectors" and cap the episode off by discussing another powerful CSS feature - custom attributes, done the right way! Show Notes: www.htmlallthethings.com/podcasts/css-attribute-selectors-custom-attributes

We all have holes in our knowledge that lurk...just around the corner...lying in wait to pounce and completely destroy our confidence and workflow! This scary truth falls into virtually every corner of web development from WordPress devs that have zero experience with PHP, to frontend developers that have no idea what a web server is. This week Matt and Mike discuss some of the web dev technologies that can scare even the most seasoned developer. Show Notes: www.htmlallthethings.com/podcasts/the-scariest-web-development-tech

There are a lot of ways to write CSS either directly or indirectly. By using tools like SASS, Bootstrap, TailwindCSS, and many more - you're largely avoiding vanilla CSS, replacing it with a new syntax, or maybe a website building library to make your workflow more efficient. But where does this leave vanilla CSS? Does anyone write just vanilla CSS anymore? And if so....why? Show Notes: www.htmlallthethings.com/podcasts/does-anyone-use-vanilla-css-anymore

Full-stack development demands both frontend and backend development skills, meaning one individual can spin up a website from the hosting, through the database management, and even the user interface. Recently, some people in the developer community have voiced their observations on how complex both frontend and backend development are on their own, stating that it's not really possible to be a full-stack developer if you want to maintain a high level of skill in all the technologies involved. In this episode, Mike breaks down a stack that he has recently started using that should allow him to provide a full-stack's worth of work through 2023. Show Notes: www.htmlallthethings.com/podcasts/full-stack-development-has-changed-in-2023

Browsers and web development tools are constantly evolving their support for new features. This forever changing landscape of our industry can lead many developers to ask whether they can use whatever they're using in production websites, or if they should stick to older methods that are more tried and true. In this episode, Matt and Mike discussed how to choose production-ready technologies based on the type of project you're working on. Show Notes: www.htmlallthethings.com/podcasts/can-i-use-this-in-production

Svelte and React are two frontend JavaScript frameworks that, through their immense popularity, draw a lot of debate and questions from the web development community. For established developers, the question looms as to which one you should use and for what reason. Junior developers are left asking what the differences are and which one they should learn first, or if they even need to learn both at all. Today on the podcast, Matt and Mike discuss the differences between Svelte and React, pitting them against each other to debate their usefulness, best features, and which one you might want to use for your latest project. Show Notes: www.htmlallthethings.com/podcasts/svelte-vs-react-what-you-need-to-know

CSS selectors are a fundamental piece of CSS that allow it to select HTML elements based on a collection of parameters that the developer has set. CSS selectors can be used to select elements by type, class, ID, and can be written in a more complex way with the use of combinators. This week we discuss CSS selectors in great detail, covering their syntax, popular use cases, and clearing up (hopefully) some confusing bits that junior developers may struggle with. Show Notes: www.htmlallthethings.com/podcasts/css-selectors-crash-course

This week Mike discussed his experimentation with ChatGPT and other AI services, like GitHub Copilot. ChatGPT, Lensa, and other AI have been taking the internet by storm recently, whether it be through cool looking profile pictures, or the controversial ways they operate. In this episode we discussed things like how fast AI has advanced in such a short period of time, the opportunities innovators have to make their mark on the industry, and whether or not something like Copilot will take away your programming job.

Deadlines can be difficult for developers to hit due to the complexity and scope creep that happens to most modern web development projects. We've experienced our fair share of quickly approaching deadlines over the years and have learned a collection of time saving methods that we'll be discussing in this episode. Methods like not oversharing with your client - so they don't constantly contact you about every little thing, and doing projects with the tool that makes the most sense - to avoid pigeonholing your toolset based on preference, and more!

Developer relations (aka DevRel) is a newer position that many companies are starting to add to their teams. It's a popular topic among the tech Twitter community and can be a little confusing for those that aren't fully in the loop. So we brought on an expert on the topic, Raza (@razacodes) to explain exactly what a developer relations role is and how you could try your hand at it yourself.

CSS variables are a powerful vanilla CSS feature that you need to start using on your next project. You don't need any frameworks, plugins, or other tooling to get started. When used correctly, they can be a huge boost to your project's organizing and productivity - helping keep things readable and easily maintained. This week Matt & Mike discussed what CSS variables are and how to get started using them in your next project. Written Guide: CSS Variables – What Are They & How to Use Them | HTML All The Things Show Notes: www.htmlallthethings.com/podcasts/css-variables-what-are-they-how-to-use-them

This week we sat down with Chris Ferdinandi to discuss why he thinks the web is in a state of transition, moving away from bloated frameworks and other tooling, towards the use of more "vanilla" or "native" platform features. This less bloated web is where Chris believes we are already transitioning towards, with the hopes that it makes websites and web apps more efficient. Show Notes: The Transitional Web w/ Chris Ferdinandi | HTML All The Things Podcast

Web development has a lot of dos and donts, so today we decided to focus on what NOT to do in web development. Things that all of us have done, like pushing confidential credentials to a public git repo, through client interactions like undervaluing your work. And don't forget, the classic "don't deploy on Friday" which Matt thinks Mike should do anyway, for his upcoming film.

Your first job as a junior developer can be nerve wracking. Not only are you new to coding, but you're also new to the organizational systems that your office has. This week we try and alleviate some of that anxiety by discussing the onboarding process commonly used for junior developers, including the difference between working solo versus a team, as well as a day in the life of a developer.

Raising your prices as a freelancer, or web dev agency can be a challenging process. You have to weigh the possibility that some of your existing customers may leave for cheaper options, while trying to convince new customers that your pricing is worth it. This week we discuss how to raise your prices and how to justify them with the value your customer will receive from all the work you do.

Are you a good developer? It's a question that all of us have asked ourselves countless times during our career. It usually happens when we're at our lowest, when a site runs into trouble, and you have no idea what's going on. Sometimes when you're trying to learn something new, and you just can't figure it out. If you were a better developer, would you have these problems? Are you a good developer?

Dynamic content on a website is content that changes over time, based on the user's preferences, or other parameters. One of the most common examples of dynamic content is a blog, where the content changes all the time as writers submit new articles and ad banners flip through new ads based on your unique browsing history. Powered by various CMS, these dynamic websites are something that almost every web developer will work with and create in their career.

CSS pseudo-classes expand its capabilities into a tool that can style web pages using advanced sets of parameters, without the need for JavaScript. In this episode, we'll be looking into the :has(), :is(), and :not() pseudo-classes. We'll explore interesting use cases, using them together, how they work, and whether they're ready to be used in a production project.

Hacktoberfest 2022 is upon us, the annual open-source centric event that rewards those that contribute during the month of October. This year coders, bloggers, video producers, podcasters, and more can contribute their works to participating repos on GitHub and GitLab. In this episode, Matt and Mike discuss what Hacktoberfest is, and why you should contribute if you can.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week Mike and Matt discussed the skills they picked up from previous non-developer jobs and how they helped them in web development. Even when working in a kitchen, a factory, or an unrelated tech job - there are some skills that you can't learn anywhere else and yet still transfer over to web development.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week Mike and Matt discussed the many use cases for JavaScript. Over the past several years, JavaScript has been steadily exploding in popularity, with an appropriate number of frameworks and tooling being released alongside all the interest. With that though, is there anything that JavaScript can't do? What about what it excels at?

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week Mike and Matt discussed workplace communications including the importance of communication, some tips on being a better communicator, and of course some funny communication stories from past workplace experiences.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt discussed how to deal with customer budgets that didn't quite reach the amount you were hoping for. Maintaining a fair deal for both the developer and client is important and if implemented correctly there are a few methods in which you can stretch the customer's budget without needing to undervalue your work. These methods include various types of negotiation, breaking a project into separate phases, and cutting superfluous features. As a final note, Matt also discusses avoiding financial abuse from customers that would take advantage of you, and how to ensure you get paid what you're worth.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt and Mike discussed the difficult decision on whether you should use a no-code platform or code up a custom solution. The duo go over the differences between custom code and no-code, comparing project types and where they'd create these projects.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt and Mike discussed the importance of version control focusing on one of the most popular (if not most popular) version control systems, Git. The duo debated when to learn version control in your coding journey and discussed how difficult it is to learn in comparison to the coding language of your choice.

Welcome back to the HTML All The Things Podcast your web development, web design, and small business headquarters. This week, Matt and Mike discussed different ways to learn web development including traditional school (college, university), online courses (free & paid), and the "tackle method." The guys discuss who is best suited for these different methods and debate the importance of project-based learning for absolute beginners.