Website 101 Podcast

Explore Alpine JS, a popular and simple JavaScript framework for web development. Learn about its unique features, including the Alpine Day conference and new components, in this episode of Website 101 Podcast.

• What is AlpineJs
• The origin of the name Alpine
• Caleb's background and history
• Online courses
• Alpine Day conference
• Tailwind and Alpine - a perfect pair
• Alpine in your HTML markup
• Alpine components
• Accessiblity
• The future of Alpine

Show Links

Laracon

Laravel

Livewire

VueJs

Code Course

Laracasts

Alpine Weekly Newsletter

Alpine Day Conference

TailwindCss

CSS Zen Garden

Alpine Components

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

Learn about the process for hiring junior developers and get insight into common mistakes made as well as how to stand out from the crowd.

• Terence has 12 years of experience with hiring.
• Number of applicants and number of interviews
• What's important in filtering candidates to interview
• Soft skills
• Advice for developers on portfolio sharing
• Contracts
• Job ad requirements
• Code test
• Attention to detail
• Common applicant mistakes
• Bootcamps
• Tips to stand out during the application process

Show Links

Goat

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

Learn why Chris Ferdinandi believers there's a simpler, more resilient way to make things for the web with vanilla Javascript. We also take a detour into accessibility.

• Chris's background and history with web development
• Single Page Applications
• Libraries
• Tiny libraries that Chris recommends at: The Vanilla JS Toolkit
• Accessibility and best practices with JavaScript
• Living with ADHD
• JavaScript and education recommendations
• Recommendations for novice developers starting out
• What's coming up in JavaScript that Chris is excited about
• Go Make Things - Website 101 Podcast Listener Page

Show Links

Go Make Things

Alpine Js

Vue

React

Angular

jQuery

WebAIM

The Vanilla JS Toolkit

The A11Y Project Checklist

Sean uses a screen reader

A11Y Nutrition Cards - blog post

A11Y Nutrition Cards

MDN Web Docs - prefers-reduced-motion

Vanilla Js Academy

Go Make Things - Website 101 Podcast Listener Page

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

We discuss various things to avoid doing with your website and why they are not a good idea.

• Disabling copy/paste
• Open in new tab
• Click here
• Using placeholder text and not using labels
• Low contrast text
• Not enough white space / breathing room
• No comments in your code or unformatted code
• For clients: Identify problems, don't suggest solutions.
• Dates on blogs that are infrequently updated
  
• Carousels / sliders
• Popups, modals, lightboxes
• Full size images on mobile

Show Links

stop disabling copy/paste in form fields (tweet)

Should external links open in a new tab or not?

Why you shouldnt say click here

Season 4 Episode 1 - Click Here

Should I use a Carousel

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

Sean and Mike interview our new co-host Amanda Lutz. Amanda's goal is to out nerd Sean and Mike in this episode.

• Amanda made her first website in 1994 - a university provided website
• Amanda's major is Computing and Information Sciences
• Amanda has learned these languages: Basic, Pascal, C++, Java, C#
• Amanda is a Windows/Android user
• Made a time tracking website as a personal project in the early 2000s
• Worked on a ticketing website back in 2005 (Audience View)
• 10 years since Amanda, Sean, and Mike met up for the first time at an ExpressionEngine meetup.
• Teaches web development at Seneca College.

Show Links

Lotus Notes

Audience View

Canada Learning Code (Previously Ladies Learning Code)

Seneca College

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

Kevin Powell CSS evangelist discusses everything to do with CSS and why it is awesome.

• Kevin's history with web development and teaching
• Teaching in classroom vs online teaching
• How do you decide what you are going to teach?
• Where do you go to learn about new things in CSS that you want to teach?
• Upcoming CSS including Cascade Layers, CSS nesting, Container queries, and Query units
• Kevin's thoughts on frameworks (Foundation, Bootstrap, Tailwind) and Sass vs regular Css.
• min-content max-content fit-content
• Browser support and progressive enhancement
• Accessibility
• CSS naming conventions - BEM

Show Links

CSS Layout News

CSS Weekly

Modern CSS newsletter

Tailwind CSS

Bootstrap

Foundation

SASS

3 useful CSS values that most people don’t know about

The 6 most important CSS concepts for beginners

5 important HTML concepts for beginners

BEM

Scrimba

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

Amanda on LinkedIn

 

We talk with Bill Campbell, one of our subscribers, about the process of planning his website and then working with a web developer and hosting.

• Introduce our new co-host Amanda Lutz
• Bill's background
• 3 products that Bill will sell on his website
• Planning pages and page content
• Newsletter call to action
• Domain should be separate from hosting company
• Ecommerce & Security
• Selling courses and coaching
• Hiring a developer
• DIY - pros/cons
• User testing
• Backups

Show Links

S03 E01 Do You Really Need a Website?

S03 E11 Own your own content

S01 E08 What is a Landing Page

S02 E02 Web Jargon Part One

Shopify

Kajabi

WordPress

Woo Commerce

S01 E03 Web Design Shortcuts You Should Never Take

Google Analytics

Google Page Speed Insights

S04 E09 Website Optimization and Speed

Shopify Backups

Shopify Apps

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

 

Adam Wathan, co-founder of Tailwind CSS, talks about what Tailwind CSS is, why he built it, and the future of Tailwind.

• Is Tailwind CSS a framework?
• What is Tailwind CSS
• The biggest inspiration for tailwind is...
• Inline styles vs Tailwind
• Tailwind 3 and Just in Time (JIT)
• Build tooling
• Tailwind Browser Dev tools
  
• Arbitrary classes
• Tailwind UI
• Tailwind documentation and examples
• How to choose what to add in Tailwind.
• What makes something a plugin rather than part of Tailwind core.
• Tailwind 4 and the future

Show Links

Tailwind CSS

Bootstrap

Atomic CSS

Tachyons

BEM

Tailwind UI

Refactoring UI

Tweet about running a product

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

 

We talk to Wes Bos all about web development, soft skills, and everything needed to succeed in web development.

• Wes's history and background in web development
• How does Wes learn enough on a new technology to start teaching it?
• How to decide what to learn with new technology or languages
• Important advice for a new developer
• Most important technical skill
• Learn the fundamentals
• No code design
• Weakest development skill
• Online courses vs Bootcamps
• Emerging technology

Show Links

Canada Learning Code

Amanda Lutz's episode

Juno College (Previously Hacker You)

The Great Divide (Chris Coyier)

Beginner Javascript

Owen Craig's Episode

Purchasing power parity

Javascript 30

All Wes Bos courses

Wordpress

Svelt

Svelt Kit

Prisma

Sanity

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn

 

Sean interviews Mike about his journey to becoming a web developer

• Bootcamps / college
• Started with Macromedia Flash
• Mike was a drummer in 4 different bands - learned web development to build the band websites
• First website built for his band in late 90s
• First client site - restaurant (February 2000)
• First job was web developer at a magazine publisher
• Build tools
• Design vs Development preferences
• Advice for new web development

Show Links

Mike's first client website - wayback machine

Adobe Image Ready

CSS Zen Garden

SASS

Tailwind CSS

Grunt

Alpine Js

Vue

Petite Vue

jQuery

More Website 101 Podcast

Email the Podcast!

Twitter

Sean on LinkedIn

Mike on LinkedIn