Development

Collection by MarkupUa • Last updated 2 days ago

24 
Pins
 • 
427 
Followers
MarkupUa
React component tests should be interesting, straightforward, and easy for a human to build and maintain. Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing React components—and the DOM in general—often require some kind of higher-level wrapper around popular testing frameworks like Jest or Mocha.

React Component Tests for Humans

React component tests should be interesting, straightforward, and easy for a human to build and maintain.

One of the highest priorities for Angular is to enable best practices from the start. We want you to feel comfortable building a large enterprise user interface the same way as creating a to-do app. We apply this mindset in the framework’ APIs, developer tooling, best practices, and documentation.

Angular Best Practices from the Start

One of the highest priorities for Angular is to enable best practices from the start.

Online censorship has taken front and center since the sweeping ban of former U.S. President Donald Trump from every social outlet he’s been a part of. Other high-profile censorship acts, like Amazon removing alt-right social network Parler from its servers and My Pillow CEO Michael Lindell being banned from Twitter have presented a new paradigm of online censorship.

Bluezelle is Resisting Censorship with a New Developer Grant: Interview with Neeraj Muraka

Online censorship has taken front and center since the sweeping ban of former U.S. President Donald Trump from every social outlet he’s been a part of.

Knowing how to file an issue with “the right information” may be the difference between it getting resolved immediately or never getting merged. We love community contributions so I thought it would be helpful to look at some of the common pitfalls to avoid. Everyone would rather be doing something else than filing or triaging issues — it’s not the most fun part of being an engineer. It’s important to remember there are humans with feelings on both sides of an issue. Programing Software, Data Structures, Python Programming, Simple App, Apps, Data Science, Computer Science, Computer Coding, Learning
Programing SoftwareData StructuresApps

How to file an issue

Knowing how to file an issue with “the right information” may be the difference between it getting resolved immediately or never getting merged.

Using media queries in CSS as part of responsive websites is bread and butter stuff to today’s front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well. I spent a few months experimenting with a dozen different approaches to media queries in Sass and actually used a few in production.

Nested Media Queries

Using media queries in CSS as part of responsive websites is bread and butter stuff to today’s front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well. I spent a few months experimenting with a dozen different approaches to media queries in Sass and actually used a few in production.

The Angular Language Service was created back in 2016 when the ecosystem for editor experience (VS Code + TypeScript) was still in its infancy. In order to provide rich language features for Angular users, the Angular team had to overcome quite a few low-level architectural challenges.

Under the Hood of the Language Service

The Angular Language Service was created back in 2016 when the ecosystem for editor experience (VS Code + TypeScript) was still in its infancy.

In January of 2018, we laid out our plans for the final releases of AngularJS before entering long-term support. Then in July 2020, we extended the LTS date to December 31st, 2021 due to the global pandemic.

Finding a Path Forward with AngularJs

We understand that teams using AngularJS in production may have questions about what options are available to them. Let’s take a look at a few of the alternatives.

Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place. And we can do it using plain ol’ HTML and CSS!

Going From Solid to Knockout Text on Scroll

Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place.

The best part of coding is when something works on the first try. The next best thing is knowing how to debug errors when things don’t work the first time. As we’ve shared on our roadmap, one of our team’s top priorities is improving the Angular debugging experience. We’re excited to announce several new projects to improve debugging and help developers solve problems faster!

Angular Debugging Guides

The best part of coding is when something works on the first try. The next best thing is knowing how to debug errors when things don’t work the first time.

That’s not really a layout for CSS Flexbox. You could pull it off if you had to, but you’d need some kind of conceit, like grouping the nav and article together in a parent element (if not more grouping). CSS Grid was born to describe this kind of layout and it will be far easier to work with, not to mention that the browser support for both is largely the same these days. Css Grid, Browser Support, Getting Things Done, Header, Layout, Things To Think About, Parenting, Pull Off, Design System
Browser SupportHeaderPull Off

The Holy Grail Layout with CSS Grid

How to build a very common layout with CSS grid. Header on the top, footer on the bottom.

Back when I was 10, I remember my cousin visiting our house. He was (and still is) a cool kid, the kind who’d bring his own self-programmed chess game on a floppy disk. And his version of chess was just as cool as him because a piece of the board would disappear after each move. Even cooler? Each disappearing piece of the game board revealed a pretty slick picture.

Checkerboard Reveal

Back when I was 10, I remember my cousin visiting our house. He was a cool kid, the kind who’d bring his own self-programmed chess game on a floppy disk.

WordPress is open-source software, maintained by a global network of contributors. There are many examples of how WordPress has changed people’s lives for the better. In this monthly series, we share some of those lesser-known, amazing stories. From a young age, Thelma was encouraged by her father to ‘work hard, and dream big’. In High School, she pursued a career in Computer Science.

People of WordPress: Thelma Mutete

From writing her first line of code when she was 16, Thelma Mutete knew she wanted to work in IT.

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript libraries we can use to create highly interactive forms with little technical debt and a negligible hit to our page-load time. Java, Script, Small Business Trends, Business Tips, Science Student, Learn To Code, Education College, Computer Science, Personal Branding
JavaBusiness TipsLearn To CodeEducation College

Lightweight Form Validation with Alpine.js and Iodine.js

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript libraries we can use to create highly interactive forms with little technical debt and a negligible hit to our page-load time.

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty of nuances, but as long as you’ve dropped IE, the door is fairly open.

Life with ESM

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty of nuances, but as long as you’ve dropped IE, the door is fairly open.

We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol’ list. The end of the list called out a couple of in-progress surveys, one of which was the 2020 State of JavaScript. Well, the results are in and available to check out! Best Build, Annual Reports, Ol, Couple, Check, Couples
CoupleCouples

State of JavaScript 2020

We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol’ list.

CSS is a simple language that it does not need a special editor to write. But having the right code editor will help you minimize errors while writing the Web Development Tools, Css Style, Markup Language, Open Source Code, Smart Auto, React Native, One Job, Writing Styles, How To Run Faster
Css StyleOpen Source CodeSmart AutoReact NativeOne Job

On Auto-Generated Atomic CSS

Robin Weser’s “The Shorthand-Longhand Problem in Atomic CSS” in an interesting journey through a tricky problem. The point is that when you take on the job of converting something HTML and CSS-like into actual HTML and CSS, there are edge cases that you’ll have to program yourself out of if you even can at all. In this case, Fela, turns CSS into “atomic” classes, but when you mix together shorthand and longhand, the resulting classes, mixed with the cascade, can cause mistakes.