Best of Web Development — July 2021
- 1
- 2
- 3
DEV·5y
How to stay focused 🔍 as a self taught Frontend Web Developer 💻
Staying focused is one of the hardest tasks when pursuing a new hobby, goal or project. With these few tips, I can help you stay on track, or prevent you from listening to that doubtful little voice in the back of your head telling you to quit. Don't worry about, React vs Vue vs Angular. They'll come to you when you need 'em.
- 4
Full Stack Netflix App (7 hours free tutorial)
"MERN Stack Netflix Clone with an Admin Panel" tutorial. I used Express API, MongoDB, React functional components, hooks with context API. If you want to learn more about web development and practice with real-world projects, you can check my channel out.
- 5
Moving away from ReactJs and VueJs on front-end using Clean Architecture
This article is an English translation of the original in my blog: Alejándonos de ReactJs y VueJs en el front end usando Clean Architecture. Clean Architecture is the ability to uncouple our application of the delivery mechanism to the user, that is, from the UI framework or library.
- 6
CSS-Tricks·5y
Demystifying styled-components
styled-components is a tool that takes arbitrary CSS and assigns it to a React component. By demystifying it, we'll be able to diagnose and fix weird CSS issues with way less frustration. This article is written for experienced React developers. It may surprise you to learn that styled-Components doesn't do anything with the CSS we added to it.
- 7
ITNEXT·5y
Rust on the front-end
Learn Rust and WebAssembly. This is the 5th post in the Start Rust focus series. Other posts include: My first cup of Rust My second cup ofRust The Rustlings exercises — part 2 Rust on the front-end (this post) Learning Rust is a long process; learning WebAssembly even more so.
- 8
DZone·5y
Why Is Vue.js the Most Preferred Choice
Vue.Js is an open-source JavaScript framework used to create UIs and single-page applications. It has over 77.4 million likes on Github for creating intuitive web interfaces. 40.5% of JavaScript developers are c urrently using Vue.js, according to Wappalyzer and BuiltWith.
- 9
SitePoint·5y
A Beginner's Guide to Lighthouse
Lighthouse is an open-source tool created by Google. It provides tools that let you understand how to improve your web page’s performance, accessibility, SEO and more. Using these scores to enhance your website will ultimately lead to attracting more users. We’ll also look at how to use WebPageTest, another powerful tool for assessing site performance.
- 10
Hashnode·5y
Why Every Frontend Developer Should Learn CRO
Businesses hire developers because they want a specific problem solved or they need help in taking their business’s online presence in a particular direction. CRO stands for Conversion Rate Optimization. To truly provide your own and clients' websites with the best conversion rates, you need to be focusing on what drives, stops, and persuades your users.
- 11
Product Hunt·5y
Framer for Developers - The power of the browser with the freedom of a canvas
Introducing Framer For Developers. Your home for everything code in Framer. 10x faster code editor. NPM support (beta) Use Smart Components in code. Auto Size in code • Sharing code with a link. Explore the rest — framer.com/developers.
- 12
Micro Front Ends With Example
In recent years, microservices have exploded in popularity. Many organizations use this type of architecture to avoid the limitations of large, monolithic backends. We will describe a trend that is breaking down 'frontend monoliths' into much smaller, more manageable pieces. And how this architecture can increase effectiveness and efficiency across teams.
- 13
- 14
Changelog·5y
solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
Solid is a declarative JavaScript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile its templates down to real DOM nodes and wrap reactions. This way when your state updates only the code that depends on it runs. Solid's compiler will only include parts of the library you use.
- 15
18 NPM Best and Underrated packages you should use in your projects
NPM bundles save us huge loads of time and exertion. Treat these NPM bundles as efficient devices and wizardry pixie partners. At whatever point you need to take care of an issue with code, the odds are there's a bundle custom-made to your requirements. Here's a rundown of bundles I figure each Node.js designer should know.
- 16
- 17
3.5 Years as a Front-end Engineer - Things I Learn and What Next?
Software engineers/developers face a moment where they have to rethink, reshape, and eventually replan their careers. This article is an attempt to maintain my expertise (and improve it) and be ready for everything in the future. In this article, I'll share my learning so far from the Fundamentals of Software Architecture by Mark Richards and Neal Ford.
- 18
Smashing Magazine·5y
Good Vibes In August (2021 Desktop Wallpapers Edition) — Smashing Magazine
New month, new wallpapers! In this post, you’ll find unique and inspiring wallpapers for August 2021. Created with love by the community for the community, they come in versions with and without a calendar for the month. The wallpapers are designed to look good on smartphones and tablets.
- 19
JavaScript in Plain English·5y
Skeleton for Node.js Apps written in TypeScript (with Setup Instructions for ESLint, Prettier, and Husky)
Skeleton for Node.js Apps written in TypeScript (with Setup Instructions for ESLint, Prettier, and Husky) Santosh Shinde Follows SOLID Principles Based on TypeScript Syntax Simple Environment Configuration Easily add a new feature Integrated Winston Logger Production-Ready Skeleton Follows Production Ready Best Practices: Security Project Structure Project folder Structure Project Source code Structure
- 20
Dev Genius·5y
Best Practices For Securing Web Applications in 2021
Web application vulnerabilities were the cause of 43% of data breaches in 2019. 79% of organizations intentionally pushed vulnerable code to production. Most web applications use third-party open source components, which must be scanned on an ongoing basis. The most powerful security technique in web development is to think about security in all, even smallest, details.
- 21
There Is No Such Thing As A CSS Absolute Unit — Smashing Magazine
absolute units are rooted in physical units, such as pixels, centimeters, and inches. Over the years, all absolute units in CSS have lost their connection to the physical world. Relative units are sized according to other style definitions defined by parent elements or are affected by the size of a parent container.
- 22
ClearCut FullStack Developer Roadmap - 2021 Full Stack Developer Roadmap with 300+ Resources
Grab it now for $1, Don't miss it. Best Full Stack Dev Roadmap You Could Ever Imagine. (300+ Resources). After Tremendous Response for My Twitter thread on Frontend Dev Road map, I'm Creating a Full Stack Roadmap and combine it in one place.
- 23
- 24
Color Tools And Resources — Smashing Magazine
We’re shining the spotlight on color tools and resources for all kinds of projects, from all types of color palettes and generators to getting contrast and gradients just right for your projects. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful.
- 25
Smart Text Editor - The text editor that requires only a browser and a keyboard
Smart Text Editor is a vanilla JavaScript PWA that allows you to work on your coding projects from any device, in any browser. Want to edit HTML files in real time, right from the browser? Open it with Smart Text Editor! Embed this article into your site.
