Resources for Web Developers in 2021

React is one of the web’s most popular frameworks for building JavaScript applications. 

If you know what you’re doing, React can drastically simplify how you build, use, and maintain code.

Whether you’re a React newbie or you’re ready for advanced techniques, you can level-up with egghead. Explore our in-depth courses, lessons, and community resources to build more powerful applications and crack open your career.

react

We want to make sure that when we ship new code, our users can use the application. The best way we've found to do that is to write automated tests that run before we deploy a new version of the app. But if our tests aren't doing exactly what the user will do, then how do we really know that things will work when users interact with our apps?

Let's rethink what it means to ship applications with confidence and what it takes to get there. With improved tools and practices, we can be more certain that what we're shipping to our users will work the way it's intended. 

Additional resources: [Slides](http://kcd.im/confident-react), [react-testing-library](https://github.com/kentcdodds/react-testing-library), [Jest](https://facebook.github.io/jest/), [jsdom](https://github.com/jsdom/jsdom), [jest-dom](https://github.com/gnapse/jest-dom)

Confidently Ship Production React Apps

Bite-size video tutorials for badass web developers.

egghead

Why are we afraid to deploy our app on Friday evening? Well, mostly because no one wants to debug production issues on Saturday and we really want to go home.
Answering the (seemingly) basic question of "does our code actually work?" is surprisingly difficult at times.

In this talk I'd like to cover different approaches we, JavaScript developers, can embed into our toolkit to make our lives easier and our users happier (hint: unit tests are not enough).

[Link to slides](https://tlakomy.github.io/sleeping-better-at-night/assets/player/KeynoteDHTMLPlayer.html#0)

[Link to talk notes](https://github.com/eggheadio/eggheadio-course-notes/tree/master/egghead-talks-sleeping-better-at-night)

Sleeping Better at Night

As the costs associated with software development continue to increase, companies & developers are looking for ways to increase their efficiency & do more with their existing skillset. Meanwhile, in the serverless movement, there has been an evolution in the way companies think about the way they are building applications, reducing the initial cost of development by taking advantage of managed services like Auth0, Cloudinary, Firebase, & AWS Lambda instead of building & maintaining their own servers & service implementations.


When people speak about serverless, they typically tend to think about a collection of functions calling each other when in reality the best serverless applications consist of thick client code handling all interaction logic, heavy use of managed services & small glue functions to fill in the missing pieces.


In this talk, I’ll introduce a workflow that allows front end developers to build full stack applications using JavaScript by taking advantage of managed services, implementing real-world features like authentication, managed GraphQL APIs, serverless Lambda functions, & chatbots using a CLI based workflow.

Full Stack Development in the Era of Serverless Computing

A lot of characters have been spent talking about "engineering time" or about how to manage "engineering personalities", and many engineers may wryly chuckle at the archetype.

But advances in our understanding of neurodiversity mean it's time to look again at things like Autism, ADHD and other conditions that impact millions of undiagnosed people in various and often subtle ways.

Are you running on "Engineering Time" - or are you an undiagnosed neurodivergent person, likely with a number of unmet needs? Let's talk about it!

Check out the [community notes for the course](https://github.com/eggheadio/eggheadio-course-notes/tree/master/egghead-talks-things-every-software-engineer-should-know-about-neurodiversity).

Things You Should Know About Neurodiversity 

Negotiating job offers can be scary: What do you say? What if they retract their offer? What if you seem greedy?

With a proven process to follow, negotiating your offer doesn't have to be scary.
I'll walk you through a straightforward salary negotiation process so you know what to say to get the best possible version of your new compensation package.

[If you're looking for more, check out Josh's conversation with Joel on the egghead podcast]
(https://egghead.io/podcasts/negotiating-your-salary-and-advancing-your-career-with-josh-doody).

Salary Negotiation for Software Developers 

Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.

tailwind

Can you write a beautiful, maintainable, and responsive web applications without a single line of CSS? With Tailwind, you can. 

Unlike the majority of CSS frameworks that give you prebuilt components, Tailwind provides you with low-level CSS utility classes that you can combine to create custom designs.

The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will have a look at:

- Why utility-first CSS is the future
- How Tailwind makes building bespoke user interfaces a total breeze
- The benefits and challenges of the utility-first approach

Tailwind - The Future of CSS is Here!

In this talk, Kayla will address some common unintentionally exclusive web design and development practices and how to fix those problems to avoid being another website that SUX. Kayla will also present some resources to help developers create more inclusive websites.

This talk seems to interest people by just explaining to them accessibility and why we need to worry about it. It offers some simple ways to start thinking about designing and developing websites more inclusively. Accessibility is a large, sometimes complex, topic. I try to make it seem less daunting!

Designing for Inclusive User Experience

This talk is going to point out some of the biggest pitfalls you need to avoid. It'll also highlight steps you can take to successfully learn any coding language or skill.

![Carmina's sketch notes that detail the tips Ceora talks about](https://res.cloudinary.com/dg3gyk0gu/image/upload/v1591132737/transcript-images/carmina-sketchnotes-on-ceora-ford-talk.png)

Learning Tips Every Developer Should Know

In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React! We will start with a blank JS file and learn about how React renders components, schedules Time-Slicing updates with a Work Loop, add Hooks, and end off with a mini-clone of Suspense!

Concurrent React from Scratch

Feature Flags allow you to do a plethora of things as developers, including testing in production, A/B testing, migrating your monolith to microservices, and canary releases. I will go through the quick and easy set up of creating your feature flags, and integrating them with your React App.

Setting Up Feature Flags with React

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.

react-native

Native apps build cross platform apps for both iOS and Android. My talk will be interesting for those who are venturing into this mobile space either from the web development background, or other mobile development experience like native development. The talk will help them see an overview of all the options they have to build scalable React Native apps. I have given React Native talks at several conferences and have been involved actively in the RN community. I have also authored the course React Native : The Big Picture on Pluralsight. I have been building RN apps for the last 4 years, and quite interested and involved in the React Native space.

Lessons Learned From Building React Native Apps

Bootcamps and tutorials have a habit of throwing those curious to learn straight into the deep end, immediately pushing Javascript into focus. More often than not, they skip fundamentals of web development and miss some of the key pieces to the puzzle of the web. For better or worse, developers can get far this way, but they’re building on top of a fragile foundation. In this talk, we’ll look at how you can level up your Javascript by getting back to the basics of HTML and CSS. We’ll go over why this is important and some best practices that can enhance SEO, performance, and accessibility.

[Slides](https://slides.com/colbyfayock/put-down-the-javascript-level-up-with-the-fundamentals-of-web-development-egghead-talks)

Put Down the Javascript - Level Up with the Fundamentals of Web Development

Imposter syndrome is something that the industry has become more and more aware of, with countless articles telling us how to navigate and overcome it. Still, perhaps instead, we should learn to accept this feeling and learn to use it to our benefit. 

Developmental psychology tells us there are multiple milestones that an individual should hit throughout our life cycle. In school, we are given standardized tests and grading rubrics to say to us how well we are doing. But once we make the transition into adulthood, all of that is gone. We start to feel like we're not good enough because we've lost our developmental structure. Removing the negative connotation we have with imposter syndrome is the first step we can take to reduce stress and stop feeling isolated, giving us the space we need to find our cure. 

Imposter Syndrome: Why You Need It

MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. This makes writing long-form content with components a blast.



Jonathan Bakebwa introduces MDX support for VueJS and NuxtJS while also using Chakra UI Vue for MDX components

MDX and VueJS/NuxtJS

Cole Bemis explains how MDX works by taking us though his own journey digging into what MDX does under the hood.

Demystifying MDX

Monica Powell, creator of React Ladies, talks through why someone would migrate from Remark to MDX before going into how to do that and what problems you might run into.

Migrating to MDX

Prince Wilson, MDX contributor, takes us through one aspect of his personal site playground and dives deep into interactive code blocks.

Personal Site Playgrounds with MDX

Rodrigo Pombo introduces [Code Hike](https://codehike.org/) and talks through how Code Hike and MDX empower advanced scrolly telling techniques.

The X in MDX

Kathleen McMahon walks us through a real-world MDX digital garden implementation

Digital Gardening with MDX Magic

Cascading Style Sheets bring order and beauty to our applications.

CSS is a great language and has improved a lot in the past decade but it still has the same global nature as in its early days. CSS was designed to style documents, which causes issues in large scale applications. Naming conventions, like BEM, CSS Modules and later CSS in JS significantly improved the maintainability of styles, but we can go one step further. Using components to create responsive Flexbox and Grid layouts can simplify code, improve the developer experience and feels natural in React. In this talk, we’ll explore how to create any kind of page layout with just three components.


Say hello to Box, Flex and Stack: layouts in the component age

Navigating the tech industry is difficult whether you are brand new, have been around for a couple of years, or are a seasoned veteran. It gets even more difficult when your mental health isn't at its best. In this talk, Rahat talks about his struggles with depression, imposter syndrome, and burnout while searching for his first job as a developer. Rahat recounts different methods of coping with his mental illness and observations on how the tech industry as a whole can better support those who often suffer in silence.

Topics

Instructors

Content Type