16 Ocak Haftası

📅

16 Ocak Haftası

Tags

okumalar

Published

January 16, 2023

Author

Zeynep Şimşek

Software System Design for Beginners

Building large-scale distributed systems like Google, Facebook, Amazon, and Twitter requires an in-depth understanding of computer science principles. This allows systems to handle millions of users concurrently despite hardware failures. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to design software systems. This

Software System Design for Beginners

https://www.freecodecamp.org/news/software-system-design-for-beginners/

Software System Design for Beginners

Sprkl - more than a VScode extension

Sprkl, the observability tool, has improved a lot in the last months by adding GitHub Actions and Kubernetes integration

Sprkl - more than a VScode extension

https://itnext.io/sprkl-more-than-a-vscode-extension-5ee4411fe204?source=rss----5b301f10ddcd---4

Sprkl - more than a VScode extension

Introducing terminalGPT, powered by OpenAI's GPT. It's a chatbot for your terminal that can understand and respond to a wide range of topics and questions in real time. Try it out and see the power of GPT for yourself!

https://www.producthunt.com/posts/terminalgpt

terminalGPT

Big-O Cheat Sheet - 30 seconds of code

Big-O notation, represents an algorithm's worst-case complexity. It uses algebraic terms to describe the complexity of an algorithm, allowing you to measure its efficiency and performance. Below you can find a chart that illustrates Big-O complexity: Simply put, O(1) stands for constant time complexity, which is the most efficient, while O(n!)

Big-O Cheat Sheet - 30 seconds of code

https://www.30secondsofcode.org/articles/s/big-o-cheatsheet

Big-O Cheat Sheet - 30 seconds of code

Privacy-friendly data tracking in React with walker.js - LogRocket Blog

Learn about the growing importance of first-party tracking and how to implement it with walker.js in your React and Next.js apps.

https://blog.logrocket.com/data-tracking-react-walker-js/

Privacy-friendly data tracking in React with walker.js - LogRocket Blog

51 AI tools you should be using for life, programming, content creation and everything else

If you enjoy this topic, you will probably like my articles, tweets, and stuff. If you're wondering, check out my social media profiles and don't forget to subscribe and follow since I'm offering programming and motivating tools and information to help you achieve your dreams. AI is literally taking the world by storm 🔥🔥🔥 It has infinite potential and will change our lives for the better.

51 AI tools you should be using for life, programming, content creation and everything else

https://dev.to/andrewbaisden/51-ai-tools-you-should-be-using-for-life-programming-content-creation-and-everything-else-3n8k

51 AI tools you should be using for life, programming, content creation and everything else

A cure for React useState hell?

Do you ever find yourself in React useState hook hell? Yeah, this good stuff: The above is a component to update a calendar event. Sadly, it has a number of problems. Besides not being easy on the eyes, there are no safeguards here.

A cure for React useState hell?

https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi

A cure for React useState hell?

11 Stages To Become A JavaScript Full-Stack Engineer

Last year I created a list to kickstart your career and become a Full-Stack developer. I realized that they are still valid and want to share it here! Paul Knulst in Programming * 6 min read Last year, I have received multiple messages, mostly from newcomers that have just graduated and stepped into the world of coding.

11 Stages To Become A JavaScript Full-Stack Engineer

https://dev.to/paulknulst/11-stages-to-become-a-javascript-full-stack-engineer-ngm

11 Stages To Become A JavaScript Full-Stack Engineer

Web Design Trends 2023: A Preview of the Future of Web Design

As we move into 2023, it's important to stay up-to-date on the latest web design trends. Why? Well, for one, it'll help your website stay relevant and engaging for users. Plus, keeping on top of trends shows that you're invested in your website and are willing to put in the work to keep it looking its best.

Web Design Trends 2023: A Preview of the Future of Web Design

https://torquemag.io/2023/01/web-design-trends-2023/

Web Design Trends 2023: A Preview of the Future of Web Design

Angular, React, Vue -- A three-way comparison

Back Simeon Deinma Jan 12, 2023 · 11 min read As a new developer, you might be tasked with or need clarification about what Front end tool to learn after learning front-end languages such as HTML, CSS, etc. Many JavaScript frameworks make client-side development more efficient rather than using plain old traditional JavaScript.

Angular, React, Vue -- A three-way comparison

https://blog.openreplay.com/angular-react-vue--a-three-way-comparison/

Angular, React, Vue -- A three-way comparison

Applying SOLID principles to TypeScript - LogRocket Blog

Defined long ago, the SOLID principles are intended to improve the readability, adaptability, extensibility, and maintainability of object-oriented designs. The five SOLID principles of object-oriented class design facilitate the development of understandable, tested software that many developers can use at any time and place. We give Robert C.

https://blog.logrocket.com/applying-solid-principles-typescript/

Applying SOLID principles to TypeScript - LogRocket Blog

A Guide To Getting Data Visualization Right - Smashing Magazine

In this article, Sara Dholakia presents a guide on how to choose just the right type of data visualization, with guidelines and things to keep in mind. Data visualizations are everywhere; from the news to the nutritional info on cereal boxes, we're constantly being presented with graphical representations of data.

A Guide To Getting Data Visualization Right - Smashing Magazine

https://www.smashingmagazine.com/2023/01/guide-getting-data-visualization-right/

A Guide To Getting Data Visualization Right - Smashing Magazine

Web Application Architecture: The Latest Guide - DZone

When a user logs on to a desktop/laptop or a mobile, opens a browser, and types the name of a website, the browser displays the required information and the user performs an action on the site. Have you ever wondered how computers retrieve this information and what happens in the background?

Web Application Architecture: The Latest Guide - DZone

https://dzone.com/articles/web-application-architecture-the-latest-guide

Web Application Architecture: The Latest Guide - DZone

8 React Projects to Build in 2023

If you want to be good at React, building projects is one of the best ways to do it. I have put together eight different projects that will not only show you what's possible to make with React, but give you some inspiration on what apps to make.

8 React Projects to Build in 2023

https://www.freecodecamp.org/news/react-projects-to-improve-your-skills/

8 React Projects to Build in 2023

ChatGPT and Knowledge Strategy

ChatGPT is catching the world by storm! It is everywhere. My friends are constantly sending me examples of the fantastic and unexpected things that ChatGPT has done. ChatGPT reached over a million users in just five days. I am not surprised at how good ChatGPT has become.

ChatGPT and Knowledge Strategy

https://betterprogramming.pub/chatgpt-and-knowledge-strategy-864ff31ee03c

ChatGPT and Knowledge Strategy

5 AI Tools That Will Increase Your Productivity As A Developer

Artificial intelligence is no longer a dream of the future, but a reality today. As the name suggests, it is used for intelligent decision making by machines. AI tools can help you get things done more efficiently, keep your organization organized, and even protect yourself.

5 AI Tools That Will Increase Your Productivity As A Developer

https://dev.to/onlydevs_/5-ai-tools-that-will-increase-your-productivity-as-a-developer-42b

5 AI Tools That Will Increase Your Productivity As A Developer

Adrenaline is a debugger powered by the OpenAI Codex. It can fix and explain your broken code in seconds. Stop plugging your error messages into StackOverflow and use Adrenaline to not only fix your code, but teach you along the way.

https://www.producthunt.com/posts/adrenaline

Adrenaline

Conditional CSS - Ahmad Shadeed

I like to think of CSS as a conditional design language. Over the years, CSS was known as a way to style web pages. Now, however, CSS has evolved a lot to the point you can see conditional rules.

Conditional CSS - Ahmad Shadeed

https://ishadeed.com/article/conditional-css/

Conditional CSS - Ahmad Shadeed

Understanding Git through images

I am a newbie, still a few months into my career as a developer in Japan. I was inspired by Nico Riedmann's Learn git concepts, not commands, and I have summarized git in my own way. Of course, I supplemented it with reading the official documentation as well.

Understanding Git through images

https://dev.to/nopenoshishi/understanding-git-through-images-4an1

Understanding Git through images

What, How and Why JavaScript engine?

Hello there fellow readers, This article is for those who are curious🤔 about why we need an Engine, how it works and WTH is a JS engine!!!? So, This article is divided into sections. Why What and How JS works. Disclaimer here - we will not go through the nitty-gritty (stack, memory heap, etc.).

What, How and Why JavaScript engine?

https://medium.com/mindful-engineering/what-how-and-why-javascript-engine-b75b45a23a81

What, How and Why JavaScript engine?

2023 Web Tech Check-in: React Performance, PWAs, iOS Browsers

We check in on three key issues for the web: 1) JavaScript performance woes caused by React, 2) Progressive Web Apps, and 3) Apple browser ban.

2023 Web Tech Check-in: React Performance, PWAs, iOS Browsers

https://thenewstack.io/2023-web-tech-check-in-react-performance-pwas-ios-browsers/

2023 Web Tech Check-in: React Performance, PWAs, iOS Browsers

Understanding Redux-Thunk for React: The Big Picture

Back Daniel Agantem Jan 18, 2023 · 6 min read What does "thunk" mean? Let's find out, then. Sincerely: When you first learn about Redux Thunk, you might find it very perplexing. I believe the word "thunk" is the main culprit. So let's clear that up first.

Understanding Redux-Thunk for React: The Big Picture

https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/

Understanding Redux-Thunk for React: The Big Picture

Data Binding in React

As developers, we don't like working with forms, but they're a critical part of most web applications! In this tutorial, you'll learn exactly how to wire up all of the different form controls in React. Never forget how to data-bind a checkbox or radio button again!

Data Binding in React

https://www.joshwcomeau.com/react/data-binding/

Data Binding in React

Tree-Shaking: A Reference Guide - Smashing Magazine

"Tree-shaking" is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more performant. Plus, you'll get a tree-shaking checklist to use for your projects.

Tree-Shaking: A Reference Guide - Smashing Magazine

https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/

Tree-Shaking: A Reference Guide - Smashing Magazine

Deep Dive Into Tree-Shaking

In the JavaScript world, the term tree-shaking refers to the removal of dead code. But this terminology is not limited to JavaScript, the word "tree-shaking" comes from Lisp Community in the 1990s. Thanks to Axel Rauschmayer , who turns himself into Indiana jones and find the exact origin of this word on Twitter.

Deep Dive Into Tree-Shaking

https://javascript.plainenglish.io/deep-dive-into-tree-shaking-ba2e648b8dcb

Deep Dive Into Tree-Shaking

Open Source Highlights 2022 for Machine Learning & AI

My name is Sebastian, and I am a machine learning and AI researcher with a strong passion for education. As Lead AI Educator at Grid.ai, I am excited about making AI & deep learning more accessible and teaching people how to utilize AI & deep learning at scale.

Open Source Highlights 2022 for Machine Learning & AI

https://sebastianraschka.com/blog/2023/open-source-highlights-2022.html

Open Source Highlights 2022 for Machine Learning & AI

Web 3.0 & Blockchain Developer Roadmap - Step by Step

Web 3.0 has the potential to change the internet as we know it forever and you are still early in catching the trend and building your first Web 3.0 application. The future of the web isn't just...

Web 3.0 & Blockchain Developer Roadmap - Step by Step

https://towardsdev.com/web-3-0-blockchain-developer-roadmap-step-by-step-86dffbb5dffb?gi=40c6033b1a76&source=rss----a648dc4ecb66---4

Web 3.0 & Blockchain Developer Roadmap - Step by Step

Dev Retro 2022 Winners 🎊

We are super excited to announce the winners of the #DevRetro2022 campaign. We read more than 390 stories from authors who shared their insights and lessons learned in 2022, as well as their aspirations and dreams for 2023. 💫 After reading so many unique stories it was extremely hard to pick the winners.

Dev Retro 2022 Winners 🎊

https://townhall.hashnode.com/dev-retro-2022-winners

Dev Retro 2022 Winners 🎊

How to Use React Dev Tools - With Example Code and Videos

When you're working on a React project, one of the easiest ways to debug your code is using the React Dev Tools. React Dev Tools is an extension created by the React team. It enables developers to debug their code inside their Developer Tools. Once you add the extension, you

How to Use React Dev Tools - With Example Code and Videos

https://www.freecodecamp.org/news/how-to-use-react-dev-tools/

How to Use React Dev Tools - With Example Code and Videos

Top Front-End Tools Of 2022 - Smashing Magazine

Who doesn't love a good front-end tool? In this roundup, you'll find useful front-end tools that were popular last year and will help you speed up your development workflow. Let's dive in! Over the past 12 months, we continue to see new free and open-source projects shared around the developer community.

Top Front-End Tools Of 2022 - Smashing Magazine

https://www.smashingmagazine.com/2023/01/top-frontend-tools-2022/

Top Front-End Tools Of 2022 - Smashing Magazine

California Design System

Principles Designing excellent services and products is hard. These best practices guide you in your journey. Content and design guides Design systems are only as good as what goes in them. The content and design guides help you build quality services and products.

California Design System

https://designsystem.webstandards.ca.gov/

California Design System

IT Tools - Handy online tools for developers

Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT.

IT Tools - Handy online tools for developers

https://it-tools.tech/

IT Tools - Handy online tools for developers

Introduction to ReactJS. The React Series

React is an open-source, component-based front-end JavaScript library that aims to simplify the development of visual interfaces. It promotes the development of reusable UI components that display dynamic data. It was created by Facebook and made available in 2013, powering many of the most popular apps, including Facebook and Instagram.

Introduction to ReactJS. The React Series

https://blog.sahilchandravanshi.com/reactjs-introduction

Introduction to ReactJS. The React Series

Frontend Developer Learning Guide

Mastering TypeScript: 21 Best Practices for Improved Code Quality

Achieve Typescript mastery with a 21-steps guide, that takes you from Padawan to Obi-Wan. TypeScript is a widely used, open-source programming language that is perfect for modern development. With its advanced type system, TypeScript allows developers to write code that is more robust, maintainable, and scalable.

Mastering TypeScript: 21 Best Practices for Improved Code Quality

https://itnext.io/mastering-typescript-21-best-practices-for-improved-code-quality-2f7615e1fdc3?gi=1ade897c7dc6&source=rss----5b301f10ddcd---4

Mastering TypeScript: 21 Best Practices for Improved Code Quality