--- title: "Development | CoderPad" description: "CoderPad articles filed under Development." canonical: "https://coderpad.io/blog/development/page/12/" --- Insights & Resources # Build better engineering teams Explore insights on technical hiring, AI readiness, developer skills, and product updates from the team behind CoderPad. Latest by topics - [All](https://coderpad.io/blog/) - [Announcements](https://coderpad.io/blog/announcements/) - [Coding Challenges](https://coderpad.io/blog/coding-challenges/) - [Community](https://coderpad.io/blog/community/) - [Data Science](https://coderpad.io/blog/data-science/) - [Development](https://coderpad.io/blog/development/) - [Engineering Management](https://coderpad.io/blog/engineering-management/) - [Events](https://coderpad.io/blog/events/) - [Getting Hired](https://coderpad.io/blog/getting-hired/) - [Hiring Developers](https://coderpad.io/blog/hiring-developers/) - [Interviewing](https://coderpad.io/blog/interviewing/) - [Product Updates](https://coderpad.io/blog/product-updates/) ## Development Articles Search articles Search articles [](https://coderpad.io/blog/development/web-components-101-history/) [Development](https://coderpad.io/blog/development/) ### [Web Components 101: History](https://coderpad.io/blog/development/web-components-101-history/) Web components enjoy large-scale usage today. From YouTube to GitHub and many other major organizations, it’s safe to say they’ve made their way into commonplace frontend development practices. That wasn’t always the case. After all, web components had to start somewhere. And web development can be particularly picky with what succeeds and what doesn’t. So then, how did web components succeed? What was their path to broad adoption? And what are the origins behind the APIs used for modern web components? [](https://coderpad.io/blog/development/web-components-101-framework-comparison/) [Development](https://coderpad.io/blog/development/) ### [Web Components 101: Framework Comparison](https://coderpad.io/blog/development/web-components-101-framework-comparison/) Alright alright, I know for a lot of the last article seemed like a big ad for Lit. That said, I promise I’m not unable to see the advantages of other frameworks. Lit is a tool in a web developer’s toolbox. Like any tool, it has its pros and cons: times when it’s the right tool for the job, and other times when it’s less so. That said, I’d argue that using an existing framework is more often the better tool for the job than vanilla web components. [](https://coderpad.io/blog/development/web-components-101-lit-framework/) [Development](https://coderpad.io/blog/development/) ### [Web Components 101: Lit Framework](https://coderpad.io/blog/development/web-components-101-lit-framework/) Recently we talked about what web components are and how you can build a web app utilizing them with only vanilla JavaScript . While web components are absolutely usable with only vanilla JavaScript, more complex usage, especially pertaining to value binding, can easily become unwieldy. One potential solution might be using a web component framework such as VueJS or React. However, web-standard components can still be a massive boon to development. [](https://coderpad.io/blog/development/github-copilot-breaks-bad-interviews/) [Development](https://coderpad.io/blog/development/) ### [GitHub Copilot Breaks Bad Interviews](https://coderpad.io/blog/development/github-copilot-breaks-bad-interviews/) GitHub Copilot was recently announced! In the past few years, we’ve seen artificial intelligence (AI) revolutionize aspects of technology such as image recognition, recommendation algorithms, and more. With Copilot, GitHub is hoping to add “code generation” to that list of items. In this article, we’ll explain what GitHub Copilot is, why some people are concerned with allowing its usage in technical interviews, and how to build your interviews to be better in general and therefore more resilient to auto-generated code. [](https://coderpad.io/blog/development/intro-to-web-components-vanilla-js/) [Development](https://coderpad.io/blog/development/) ### [Web Components 101: Vanilla JavaScript](https://coderpad.io/blog/development/intro-to-web-components-vanilla-js/) Many modern web apps today are built using components. While frameworks like React exist to add an implementation, web components seek to make those practices standardized and part of your browser. In this article, we’ll touch on what web components are, how we can build them without a framework, and some limitations to keep in mind during development. Later, in a follow-up article, we’ll show how a lightweight framework (such as Lit) can provide quality-of-life improvements for those looking to build larger scale applications. [](https://coderpad.io/blog/development/introduction-to-web-accessibility-a11y/) [Development](https://coderpad.io/blog/development/) ### [Introduction to Web Accessibility (A11Y)](https://coderpad.io/blog/development/introduction-to-web-accessibility-a11y/) If you’ve come across this article but haven’t heard about web accessibility (often shortened to “A11Y”) before, that’s okay. We’re all learning at different speeds and come across new things all the time. That said, accessibility is a critical component of any frontend engineer’s responsibilities. We implore you to explore what that means, not just in this blog post but beyond with your teams and communities. First, let’s define what “accessibility” is. Accessibility in engineering is “the process of creating products that are usable by people with the widest possible range of abilities.” [](https://coderpad.io/blog/development/python-list-comprehension-guide/) [Development](https://coderpad.io/blog/development/) ### [Python List Comprehension – The Comprehensive Guide](https://coderpad.io/blog/development/python-list-comprehension-guide/) Python list comprehensions allow for powerful and readable list mutations. In this article, we’ll learn many different ways in how they can be used and where they’re most useful. Python is an incredibly powerful language that’s widely adopted across a wide range of applications. As with any language of sufficient complexity, Python enables multiple ways of doing things. However, the community at large has agreed that code should follow a specific pattern: be “Pythonic”. While “Pythonic” is a community term, the official language defines what they call “The Zen of Python” in PEP 20 . To quote just a small bit of it: [](https://coderpad.io/blog/development/master-react-unidirectional-data-flow/) [Development](https://coderpad.io/blog/development/) ### [Master React Unidirectional Data Flow](https://coderpad.io/blog/development/master-react-unidirectional-data-flow/) As with any form of programming, there are dozens of ways to manage data inside a React application. That said, not all methods are equally capable of scaling. There are some “suggested patterns” for your React applications to follow that will ensure you’re not forced to pause in order to reorganize or re-evaluate your existing code when you’re building the application. Today, we’ll be covering one of the most important structural best practices to follow when building your React applications: Unidirectional data flow. [](https://coderpad.io/blog/development/rust-enums-matching-options-api/) [Development](https://coderpad.io/blog/development/) ### [Rust Enums, Matching, & Options API](https://coderpad.io/blog/development/rust-enums-matching-options-api/) If you’ve been active in the programming community within the past few years, you’ve undoubtedly heard of Rust . Its technical foundation and vibrant community have proven themselves to be a good benchmark for quick language growth. But what does Rust do that has garnered such a positive response from the community? Not only does Rust provide a great deal of memory safety (something that’s rare in low-level languages in the past), but also includes powerful features that make development much nicer. Currently on page 12 of / 12 [Next Page] [Previous Page](https://coderpad.io/blog/development/page/11/) ## Hire with confidence. See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows. [Request a demo](https://coderpad.io/sales/)