DiscoverWeb Perspectives
Web Perspectives
Claim Ownership

Web Perspectives

Author: Sean G

Subscribed: 3Played: 15
Share

Description

The ins and outs of the day-to-day life as a front-end web developer, from the most minute details to the most technical gotchas.
46 Episodes
Reverse
What is web accessibility for the web and why does it matter? Mike Gifford, invited expert for the WCAG guidelines at the W3C goes through the 3 things developers should do right now to improve the accessibility of their web apps and websites.Also, is Drupal still alive, and how do its new AI features make it a contender for your next CMS?Find out in this 90-minute episode!Links: Funka: It Should Be the Other Way Round W3C WCAG 2.2 Overview Drupal Umami Project Getting Started with Drupal CMS DDEV Local Development Environment Boye & Company: CMSConnect Conference 10 Most Popular CMS Platforms in Canada Drupito: A Drupal Resource WebAIM Screen Reader Survey 10 Mozilla Hacks: Local Alt Text Generation Accessibility Insights Tool UNLighthouse Accessibility Insights Web Almanac Accessibility Chapter 2024 CivicActions Accessibility OpenACR Editor Section508 ACreditor Mike Gifford LinkedIn Profile CivicActions Digital Services Coalition Tag1 Consulting: Drupal’s Sustainability Project Apolitical: Centring Digital Accessibility in Public Services
AI Chatbots have taken over like ChatGPT, Anthropic Claude, and DeepSeek, but what does that mean for education? Are coding bootcamps a thing of the past?Khurram Virani, founder of Lighthouse Labs, Canada's leading coding bootcamp, discusses the pitfalls of relying on AI and the #1 problem developers face today when using AI: disinformation.AI Chatbots like ChatGPT give us answers very confidently, and believing them at face-value can make or break our success as new developers. Perhaps, then, we can leverage a system to make sense of all the information, but what does that system look like?Links: Khurram Virani, LinkedIn roadmap.sh - Learning pathways for technologists. continue.dev - Plugin for VS code and Jetbrains IDEs cursor.com - AI IDE lighthouselabs.ca - Lighthouse Labs, Canada's #1 Coding Bootcamp teachable.com thinkific.com - Lighthouse Labs Free JavaScript Crash Course
UX Design w/ Carrie Mah

UX Design w/ Carrie Mah

2025-01-2501:07:02

What is UX and why is it important for developers to learn? Carrie Mah, Staff UX Designer and founder of Carrie M Designs, details the #1 mistake developers make when working with UX designers and how to get started in UX Design as a web developer. Timestamps: 00:02:58 - Her journey into UX design, starting from a computer science education and exploring various roles in software development. 00:05:04 - The importance of understanding user problems and business goals when creating user interfaces. 00:06:02 - How developers can get involved in UX design and collaborate with design teams. 00:07:50 - The value of joining online communities and using free resources to learn UX/UI fundamentals. 00:09:36 - The importance of sketching ideas and focusing on the architecture of an app before jumping into design tools. 00:11:02 - The basics of visual design, including typography and spacing, and leveraging existing libraries and guidelines. 00:11:54 - Using AI tools as assistants for brainstorming and content organization, not as a replacement for the design process. 00:12:27 - The concept of low-fidelity prototyping and its importance in the design process. 00:14:14 - The need for good requirements and user research to solve the right problems. 00:15:55 - The importance of integrating developers in the design process and making sure that the final design is technically feasible. 00:17:48 - Balancing the need to test ideas quickly with having a strategy. 00:23:05 - Common UX mistakes to avoid, such as reinventing the wheel and using the wrong components. 00:32:05 - The need for discoverability and accessibility of key features in user interfaces. 00:42:38 - The iterative nature of design and development and the importance of testing and user feedback. 00:44:17 - Steps for developers to get involved in UX design, starting with learning fundamentals, reaching out to people, applying skills, and building a portfolio. 00:46:22 - The expanding role of UX design, requiring skills in content, business, and communication. Links: Carrie's Website: carriemah.com Carrie's LinkedIn: linkedin.com/in/carriemah/ Carrie's Instagram: instagram.com/carriemah.play calgaryux.com: calgaryux.com wearedesignx LinkedIn: linkedin.com/company/wearedesignx/ designbuddies LinkedIn: linkedin.com/company/designbuddies/ adplist LinkedIn: linkedin.com/company/adplist/ smashingmagazine.com: smashingmagazine.com/ Stanford d.school: dschool.stanford.edu/resources/getting-started-with-design-thinking lawsofux.com: lawsofux.com
Author, writer, and front-end developer Zell Liew's self-taught journey. Featured on numerous web development magazines including Smashing Magazine, A List Apart, and CSS Tricks, Zell uncovers the single key accident that led him down his front-end web development journey to make 6 figures passively in his sleep. Topics covered: Does it still make sense to pursue web development in 2025? Are CSS Grid systems outdated? CSS framework or no? Bootstrap or Tailwind? Tailwind: the good, the bad, and the ugly The #1 tip for new front-end developers How to know if web development is for you Timestamps: 1:00: Zell's background and how he got started in web development. 7:00: Zell's first web development project: Building a clone of TutsPlus in 5 hours! 10:00: Zell's first freelance client: Charging $50 and learning valuable lessons. 16:00: The impact of self-development and confronting childhood trauma. 22:00: Writing his first book on the Suzie Grid system and the turning point it represented. 35:00: The transition from teaching "how to" to understanding "how you do it" and the importance of values. 43:00: Zell's frustration with existing tools leads him to create Splendid Labs. 57:00: Splendid Labs: A deep dive into its features, philosophy, and unique approach to documentation. 72:00: A comparison of Astro, Eleventy, and other static site generators. 82:00: The challenges of building JavaScript libraries for Astro and Zell's choice to use Svelte. 99:00: A moving story about a teacher's kindness and its profound impact on Zell's life. 109:00: Battling the "entrepreneur enemy" and finding balance between different aspects of himself. 118:00: The importance of understanding your "why" and aligning your actions with your values. 124:00: Zell shares a powerful quote from the Tao Te Ching about inner stability and cultivating the self. 130:00: Practical advice for navigating the ever-changing world of web development and finding your place. 139:00: Where to find Zell online: Websites, courses, and social media. Links Zell's Website: https://zellwk.com Magical Dev School: https://magicaldevschool.com Splendid Labz: https://splendidlabz.com Live Your Mark: https://liveyourmark.com TutsPlus: https://tutsplus.com Learn JavaScript: https://learnjavascript.today Learn Async Javascript: https://learnasyncjavascript.com
Udemy vs. eDX vs. Pluralsight -- who wins? Tony Alicea, instructor for over 10 years on Udemy and Pluralsight, breaks down when to use online learning platforms vs. actually writing code. What's the quickest way to learn web development? What do the best learners do? Show notes https://tonyalicea.dev https://thesmythgroup.com Course coupons https://understandingreact.com/?coupon_code=WPP https://teamdynamics.dev/?coupon_code=WPP
How do you know when it's time to quit your designer or web developer job? What do signs of gaslighting and verbal abuse look like in the workplace. Matej Latin, author of betterwebtype.com, shares the crucial turning points of his designer career from corporate banking to GitLab to his self-led journey, coaching thousands of aspiring designers. Links: Medium (Matej Latin): How my Dream Designer Job Turned into a Nightmare Job betterwebtype.com design course by Matej Latin Matej Latin on LinkedIn Matej Latin's website Timestamps: 0:02:25 - Economics to Design: WTF? 0:05:11 - Gitlab's #1 practice for remote work 0:10:27 - Remote's Impact on Teams: Good or Bad? 0:16:12 - Collaboration Secrets for Remote Teams 0:20:56 - Engineers and Designers: BFFs? 0:26:10 - Designers: Speak Up! 0:35:25 - Flat Orgs: Dream or Nightmare? 0:40:20 - Dream Job Becomes Hell 0:50:57 - Toxic Positivity & Gaslighting at Work 0:53:43 - Side Hustles While Working Full-Time 0:57:37 - Fix Your Damn Portfolio 1:00:55 - Job Interviews: Don't Be a Sheep 1:06:42 - When to Say "F* it" and Quit** 1:08:57 - The Importance of Passion in Your Work 1:10:16 - How to Find Your Dream Design Job 1:11:37 - The Importance of Mentorship for Designers 1:12:26 - The Importance of Transparency and Expectations 1:13:49 - The Myth of "Hitting the Ground Running"
What are the best ways to learn full-stack web development? Muhannad Nouri, full-stack developer at Enverus, shares with us his #1 tip for leveraging YouTube, TikTok, and X to enhance his full-stack learning. Timestamps 01:43: Do you need a computer science degree to be a web developer? Muhannad shares his experience. 04:37: The #1 tip for new web developers to avoid feeling overwhelmed. 09:15: ChatGPT and Copilot: essential tools for modern web development? 12:18: The secret to learning new web technologies without burning out. 18:15: Social media: Friend or foe for web developers? 33:38: How to stay informed without drowning in newsletters. 45:46: Is LinkedIn still relevant for tech professionals? 50:49: The job hunt: How to make your resume stand out in a crowded market. 53:13: How to get that first web development interview. 57:45: Networking when you're not looking for a job. 01:12:05: The highs and lows of web development: What keeps us coming back for more? 01:23:03: Convincing your boss to adopt new tech: Muhannad's proven strategy. 01:31:07: The Angular vs. React debate: Which framework is right for you? 01:38:02: The art of mentorship: How to guide others without holding them back. 01:43:04: Pair programming: Valuable even for experienced developers? 01:50:02: How to get that first web development interview. 01:57:45: Networking when you're not looking for a job. 02:01:31: Where to find Muhannad online. 02:01:48: Muhannad's parting words of wisdom. Links Muhannad Nouri: LinkedIn Dr. Tony Tang: University of Calgary
Dan Stevenson, a seasoned instructor at SAIT, demystifies the complexities of web development. Dan emphasizes the significance of mastering fundamental web technologies like HTML, CSS, and JavaScript while highlighting the importance of continuous learning and adaptation in the face of evolving trends. He delves into the challenges of balancing innovation with accessibility and performance in web design, offering valuable insights and practical tips for aspiring and experienced web developers alike. The discussion further explores the role of AI in web development, the advantages and disadvantages of using frameworks, and the crucial role of soft skills in career success. Links: SAIT Interactive Design - Web Design and Development Major SAIT Student for a Day: https://www.sait.ca/programs-and-courses/student-for-a-day Dan's website:https://danstephenson.ca Dan's podcast: Fireside chat: https://www.firesidechat.ca/
What is web accessibility, and why does it matter? Daryl Suttie, accessibility enthusiast, answers our questions about accessibility gotchas and illustrates how we can promote web accessibility and "sell" it to large software companies. Timestamps [00:01:00]: Daryl's Background - Accidental accessibility specialist; held roles in design, development, product management, QA; now advocates passionately for web accessibility [00:03:24]: Accessibility Laws and Regulations - Current state in Canada, US, Europe; accessibility becomes hotter topic in coming years [00:06:49]: Accessibility Debt - Exceeds general technical debt; often unchecked upfront; much costlier to fix later than baking in from start [00:09:00]: TV Remote Analogy - TV remote navigation parallels keyboard-only web browsing; relatable way to build empathy for these users [00:18:00]: Screen Reader User Diversity - Benefits many beyond blind users - those with low vision, dyslexia, cognitive issues, distractibility; many lack power user skills [00:35:53]: Manual Testing Importance - Value of manual accessibility checks, even quick tab review; catches issues automation misses; some manual testing critical [00:41:19]: Expanding Accessibility Knowledge - How to stay updated on best accessibility practices; constant learning curve even for experts [00:51:07]: Growing Accessibility Demand - Increased demand predicted as more jurisdictions tighten regulations; uptick in RFPs requiring accessibility [00:51:51]: Reach Out to Daryl - Connect on LinkedIn at linkedin.com/in/darylsuttie for accessibility questions, website audits, or to learn about his accessibility journey [00:53:07]: Accessibility Barriers Unintentional - Most accessibility barriers stem from lack of awareness rather than malice; still problematic and important to address [01:04:00]: Form Interactions and Accessibility - Challenges with instant form submissions; separate actions for option changes and form submission; avoid unexpected context shifts [01:10:27]: Neglect of HTML Fundamentals - Developers often lack HTML knowledge; over-reliance on CSS and JS; semantic HTML benefits accessibility [01:17:00]: Daryl's Journey into Accessibility - From early HTML dabbling to accessibility-focused roles; fueled by passion for inclusivity and better user experiences [01:36:33]: Business Case for Accessibility - Opportunities in serving untapped user segments; competitive advantage; sticky users; millions with disabilities [01:40:25]: Responding to Accessibility Pushback - Incremental improvements over perfection; celebrate small wins; 10% progress still meaningful; ratchet up gradually [01:44:41]: Keeping Up with Evolving Standards - Continuous learning essential; even experts encounter knowledge gaps; importance of referencing latest documentation [01:46:41]: Accessibility in B2B Contexts - Readiness to adapt if needed; quick wins possible with focused training; direct user feedback critical [01:49:00]: Rising Frequency of Accessibility Requests - Increasing RFPs with accessibility requirements, especially in public sector; accessibility gaining visibility across industries Links Daryl Suttie LinkedIn https://makeitfable.com/ https://inclusive.microsoft.design/ https://www.pluralsight.com/courses/developing-websites-accessibility-getting-started
Sub-sea cables make the internet possible today, but what about the data centres they connect to? Take a look inside the operations of what happens inside "colo" or "metro" centres that keep the internet fast and efficient via "peering". Coral Taylor Bliss of Equinix, which manages over 112 data centres worldwide, gives us the inside scoop on what it takes to run some of the world's most critical infrastructure. Coral Taylor Bliss (LinkedIn) Equinex Website Timestamps: 00:01:36 - Introduction of guest Coral Bliss Taylor 00:02:23 - Coral talks about her background 00:03:09 - Overview of Equinix and its founding principles 00:04:21 - Explanation of internet peering 00:07:37 - Importance of physical internet infrastructure 00:08:06 - How internet infrastructure enables web development 00:13:25 - Difference between Equinix and public cloud providers 00:45:25 - Equinix's platform and how customers utilize it 00:57:08 - Cost comparisons between Equinix, owning your own data centers, and public clouds 01:02:35 - Equinix Fabric for connecting data centers and clouds 01:06:10 - Equinix's ecosystem of connected networks and services 01:07:41 - Internet connectivity challenges in some countries 01:13:01 - Impact of satellite internet like Starlink 01:14:29 - Excitement about AI and internet-enabled entrepreneurship 01:16:00 - Sustainability considerations with aggregated data centers 01:22:19 - Where to connect with Coral / Equinix
Kevin Powell gives out his #1 tip on learning and teaching CSS. How can you keep up to date with all the new CSS features coming? Should you still use Bootstrap? What about Tailwind? CSS in JS? How do you CSS in 2023? Learn how Kevin got started with web development and teaching CSS. Hear his perspective on using frameworks like Bootstrap and Tailwind to learn. Get insights on the challenges beginners face when starting with CSS and how to overcome them. Discover Kevin's approach to using CSS tools and frameworks in projects. Find out his tips for structuring HTML to support styles. Learn about semantic HTML and accessibility best practices. Get the inside scoop on starting a YouTube channel, podcast, and online courses. Hear Kevin's pain points with CSS units and lack of colour mix support. Kevin Powell on YouTube Kevin Powell's Newsletter Kevin Powell's Podcast Kevin's Website Timestamps (00:04:04 - 00:07:04) How Kevin got started with web development and teaching it (00:07:04 - 00:10:04) Kevin's experience using CSS frameworks like Bootstrap to learn (00:10:04 - 00:15:04) The challenges of learning CSS for beginners (00:15:04 - 00:18:04) Kevin's approach to using CSS frameworks and tools (00:18:04 - 00:24:04) Building your own learning management system vs using a platform (00:24:04 - 00:29:04) How to structure HTML to support styles (00:29:04 - 00:35:04) Semantic HTML and accessibility practices (00:35:04 - 00:44:04) Kevin's YouTube channel and creating content (00:44:04 - 00:47:04) Starting a podcast and newsletters (00:47:04 - 00:54:04) Making YouTube a full-time job (00:54:04 - 01:02:04) Kevin's tips for CSS (01:02:04 - end) Pain points with CSS units and lack of color mix suppor
AWS, Google Cloud, DigitalOcean, Azure... the list goes on. But how hard is it to migrate an existing tech stack to the cloud? Heman Tailor, director of IT at SCA Interactive, gives us the lowdown on the pros, cons, challenges of migrating his infrastructure from on-prem to AWS.
Josh Collinsworth wrote a blog post about why ReactJS is outdated and which technologies to try instead, and we wanted to learn more. Why has ReactJS remained the king of front-end frameworks, and what can we do about it? What about frameworks like Svelte, Vue, and Astro? View transitions API as per Astro along with some life advice on how to choose a front-end framework in your next project. Josh Collinsworth on Mastadon Fresh framework for Deno Quina word game Hondo word game VueJS interactive demo Pass the Pigs game PWA builder Tauri Rust framework
Andrii Borovskyi discusses Functional Programming in JavaScript and TypeScript and why it still remains unpopular, despite ReactJS' functional components. What is functional programming, and how can teams adopt it? Can we really stop debugging altogether by using functional programming? Andrii tells his story of how he got into web development and how he sees the future of web technologies progressing with functional programming Timestamps 0:00:00 Intro 0:00:26 Andrii's story on how he decided to pursue web development 0:03:27 Why can we call ourselves software architects, but not engineers 0:06:26 Is CSS a programming language... yet? 0:07:04 Cross-continent hitch hiking and getting started with HTML and CSS 0:11:34 Learning Javascript while on the road 0:13:50 First job 0:15:11 Andrii's career path and making difficult decisions 0:18:43 Sean's career and self taught vs engineers 0:22:05 Be patient: Team leads can have bad days too 0:22:38 RTFM is the worst 0:23:18 Functional programming, let's go 0:32:30 OOP vs FP 0:41:51 How to identify side effects 0:42:47 Functional composition 0:43:56 Reusability 0:45:29 Refactoring I 0:51:51 Naming functions 1:10:01 Private methods in OOP as an example of side effects 1:14:40 Refactoring II getting in and out of trouble 1:20:40 React flavour 1:26:16 Imutability of props and arguments 1:28:16 Leaky Abstractions 1:28:06 Refactoring III DRY 1:29:39 Refactoring the team away from OOP 1:32:48 Composition vs inheritance 1:37:56 Wrap up and connections
Is .NET still a thing? Has it caught up with other full-stack frameworks like NEXT, NUXT, SvelteKit, and Remix? Philip Young comes on the show, drawing from his 10+ years' experience as yoga practitioner and software developer to give us the inside scoop on .NET and mindfulness.
What challenges do women face in the tech industry? Kylie Woods & April Hicke discuss the barriers to entry for women and the story of why Kylie decided to close down Chiq Geek. ChicGeek TryToast April Hicke (LinkedIn) TryToast promo code FIRSTFREE to get your first month free at TryToast.
Allie Knull joins us to discuss why resumes are so outdated and how to get your next best tech job without using your resume. Do resumes really matter that much? How about job experience? When should you negotiate a salary? Is there such a thing as being "overqualified" for a job? Allie tells us all this, and more. Allie Knull on LinkedIn Allie Knull on TikTok ResumeFree
How can web developers improve their documentation skills? How important is it for software development businesses to hire technical writers as opposed to offloading the responsibility to web developers? Mitch Willis, long-time technical writer, joins us to explore the reasons to hire a technical writer specialist, for both large and small teams.
What's life like as a digital nomad? What are the pros and cons of living abroad in digital nomad cities like Bali and Chengdu? How much sense does it make to pack our bags and work remotely as a web developer, given that most jobs allow remote work? Ryan Hnetka, a long-time working nomad with over 20 years of experience as a digital nomad, gives us the lowdown on the ins and outs of the digital nomad lifestyle.
As software developers, what can we do to understand our emotions? Does coaching help, and how much does "self-help" actually matter in the workplace to maximize our workplace efficiency? Cami Travis-Groves, a former graphic designer, and now life coach, shares with us her steps to understanding and making sense of difficult emotions in and outside of the workplace. Cami Travis-Groves (LinkedIn) Cami's Pyramid of Emotions Cami's Upcoming Men's (pay-what-you-want) workshop
loading
Comments