6 Aralık Haftası

📅

6 Aralık Haftası

Tags

Published

Author

Video preview

Awesome Dev Tool Tips 🔥

Enabling design mode will make the entire web page editable, just by clicking and typing. To use it, open up the console and run: Raw files are usually minified, and therefore hard to read. Use the Pretty Print option to format it In the background, Chrome is creating a new file (names filename.js:formatted), closing that file will undo the formatting.

Awesome Dev Tool Tips 🔥

https://dev.to/lissy93/awesome-dev-tool-tips-32oo

Awesome Dev Tool Tips 🔥

Optimizing React Components with the Reconciliation Mechanism: Tips and Best Practices

React is a popular JavaScript library for building user interfaces. One of the key features of React is its reconciliation mechanism, which is the process by which React updates the user interface (UI) in response to changes in data.

Optimizing React Components with the Reconciliation Mechanism: Tips and Best Practices

https://medium.com/@omrisa25/the-reconciliation-mechanism-in-react-how-it-works-and-how-to-optimize-it-with-function-components-9c9f1b234f7f

Optimizing React Components with the Reconciliation Mechanism: Tips and Best Practices

12 APIs that you as a developer will love it 💖

Are you starting a new project, learning a new technology, or building a new feature and you already have everything figured out, how you are going to implement it, what is going to do with the exception of.. the data that you are going to use?🤔 That happens so many times right?

12 APIs that you as a developer will love it 💖

https://dev.to/monicafidalgo/12-apis-that-you-as-a-developer-will-love-it-4ec6

12 APIs that you as a developer will love it 💖

Web Development Best Practices

Back Jenna Thorne Dec 2, 2022 · 5 min read In the world today, technology has become more prevalent across different industries, and end-users have specific expectations when it comes to web development companies and teams. Undoubtedly, technology has become an integral part of people's lives and the world, and thus, web developers and engineers are in high demand.

Web Development Best Practices

https://blog.openreplay.com/web-development-best-practices/

Web Development Best Practices

🚀⚙️ JavaScript Visualized: the JavaScript Engine

JavaScript is cool (don't @ me), but how can a machine actually understand the code you've written? As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand!

🚀⚙️ JavaScript Visualized: the JavaScript Engine

https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

🚀⚙️ JavaScript Visualized: the JavaScript Engine

Git commit message convention that you can follow!

Motivation of this blog is to curate all information at one place and to make more people aware about standards followed by industry. Let's get started.....

Git commit message convention that you can follow!

https://dev.to/i5han3/git-commit-message-convention-that-you-can-follow-1709

Git commit message convention that you can follow!

How to access Scientific Knowledge with Galactica

The world of scientific knowledge is mind-bogglingly vast. Searching for relevant research papers, understanding complex concepts, and writing academic literature can be daunting and time-consuming, especially for inexperienced researchers. Fortunately, with the advent of Meta AI's large language model, accessing scientific knowledge has never been easier.

How to access Scientific Knowledge with Galactica

https://pub.towardsai.net/how-to-access-scientific-knowledge-with-galactica-8adc96ebe931

How to access Scientific Knowledge with Galactica

Gift Guide: More than 20 STEM gift ideas to inspire kids to code

All aboard the learn-to-code train! As another holiday season looms, we've got you covered with a bumper edition of our annual STEM gift guide -- packed with more than 20 ideas to get kids into coding...

Gift Guide: More than 20 STEM gift ideas to inspire kids to code

https://techcrunch.com/2022/12/05/stem-gift-guide-2022/

Gift Guide: More than 20 STEM gift ideas to inspire kids to code

10 games to learn JavaScript

We looked at 10 amazing games to learn CSS. And in this article, we'll do the same for... Tagged with javascript, webdev, beginners.

10 games to learn JavaScript

https://dev.to/dailydevtips1/10-games-to-learn-javascript-155j

10 games to learn JavaScript

Smart Contracts

Smart contracts are programs stored on a blockchain that run when predetermined conditions are met. They typically are used to automate the execution of an agreement so that all participants can be immediately certain of the outcome, without any broker's involvement or time loss.

Smart Contracts

https://coinsbench.com/smart-contracts-4d9e5c4875b2?source=rss----f1cfd22cde3e---4&gi=baebfdb499fe

Smart Contracts

Web Tools #483 - VSCode Updates, Frameworks, Git/CLI, JS Utils

VS Code Updates, Front-end Frameworks, Git, GitHub, and CLI Tools, JavaScript Utilities

Web Tools #483 - VSCode Updates, Frameworks, Git/CLI, JS Utils

https://mailchi.mp/webtoolsweekly/web-tools-483

Web Tools #483 - VSCode Updates, Frameworks, Git/CLI, JS Utils

4 Beginner Friendly Open Source Projects

If you're familiar with my content, you know I often talk about how to find new Open Source projects and repositories that are waiting our contributions. However, I get quite often the request of showcasing some projects I know where I'm already a contribtor and if possible, beginner friendly ones.

4 Beginner Friendly Open Source Projects

https://dev.to/this-is-learning/4-beginner-friendly-open-source-projects-26g3

4 Beginner Friendly Open Source Projects

Git skills you didn't know you wanted

Most git beginners just learn basic commands like add, commit and push. Everything else is deferred to the best rated answer on Stack Overflow. It is easy to stick with these commands because they get the job done. In this article, you will learn additional tricks for commands that you already know to improve your experience with version control.

Git skills you didn't know you wanted

https://towardsdev.com/git-skills-you-didnt-know-you-wanted-4495ff681187

Git skills you didn't know you wanted

If I Could Only Teach One Thing To A Beginner Developer

A few weeks ago, I got an interesting idea when writing a blog post about how to abstract your code to make it easier to reuse. I wanted to know what other developers think is the most important principle they would teach a newbie developer and why they would choose that design principle.

If I Could Only Teach One Thing To A Beginner Developer

https://itnext.io/if-i-could-only-teach-one-thing-to-a-beginner-developer-1f98d4ff6cb7

If I Could Only Teach One Thing To A Beginner Developer

Forget about algorithms and models - learn how to solve problems first

Almost weekly a friend or an acquaintance asks me, "I want to learn to code; which language should I start with?" More or less bi-weekly I get a DM on LinkedIn starting with, "My son should start programming; what is the best language for him?" It's not just people who've never coded before.

Forget about algorithms and models - learn how to solve problems first

https://thenextweb.com/news/forget-about-algorithms-and-models-learn-how-to-solve-problems-first

Forget about algorithms and models - learn how to solve problems first

A year of new avenues

A year of new avenues is a great, inspiring read. I want to insist on an amateur internet; a garage internet; a public library internet; a kitchen table internet. At last, in 2023, I want to tell the tech CEOs and venture capitalists: pipe down. Buzz off. Go fave each other's tweets.

A year of new avenues

https://bradfrost.com/blog/link/a-year-of-new-avenues/

A year of new avenues

Primer Design System

Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer. Check out our most popular tools to use in your next project Utility-centric and BEM-style components to give you the building blocks for any web project.

Primer Design System

https://primer.style/

Primer Design System

Astro | Build faster websites

Trusted by over 30,000 developers and world-class teams Your content, your way. Astro works with your favorite content sources. Pull content from the filesystem or fetch it remotely from your favorite CMS, database, or API. Astro supports both static output (SSG) and live server output (SSR) that can render your content on-demand.

https://astro.build/

Astro | Build faster websites

TypeScript: advanced and esoteric

In this article, we'll explore lesser-known features of TypeScript that make it more dynamic. The first part will cover dynamic types that rely on generics to create new types that may look very different from each other, depending on the type arguments they receive.

TypeScript: advanced and esoteric

https://levelup.gitconnected.com/typescript-advanced-and-esoteric-d88560f51767?gi=e90d2b09ee28&source=rss----5517fd7b58a6---4

TypeScript: advanced and esoteric

Animating between units with react-spring

It's no secret, that on the web we have to deal with different units - from rems and pixels to percentages and viewport-based values. In this tutorial, we'll explore the problem of animating between different units, and see how we can overcome it.

Animating between units with react-spring

https://konstantinlebedev.com/animate-units-react-spring/

Animating between units with react-spring

Generate Pretty Code / App Screenshots 📸 | Alicia's Notes 🚀

Spice up your docs, blog posts and Tweets with some pretty screenshots! The following free tools will generate nicely formatted screenshots of code, device mockups and embedded info. Ray.so developed by the team behind Raycast, generates clean and minimal code screenshots. You can also specify options via GET URL params, so you could programatically generate an image (e.g.

Generate Pretty Code / App Screenshots 📸 | Alicia's Notes 🚀

https://notes.aliciasykes.com/40473/generate-pretty-code-app-screenshots

Generate Pretty Code / App Screenshots 📸 | Alicia's Notes 🚀

Hour of Code: Top 5 Frontend Projects | The JetBrains for Education Blog

JavaScript JetBrains Academy News Today, we continue showcasing the most popular projects on JetBrains Academy as a part of the Hour of Code celebration. This time, we'll talk about the technologies used for frontend development - HTML, CSS, and JavaScript.

Hour of Code: Top 5 Frontend Projects | The JetBrains for Education Blog

https://blog.jetbrains.com/education/2022/12/09/hour-of-code-top-5-frontend-projects/

Hour of Code: Top 5 Frontend Projects | The JetBrains for Education Blog

BrowserFrame | Wrap screenshots in browser frames

The easiest way to wrap screenshots in browser frames. Supports multiple browsers, operating systems, and themes. Built by @pqvst Click to upload, paste or drag-drop a screenshot, or enter a website...

BrowserFrame | Wrap screenshots in browser frames

https://browserframe.com/

BrowserFrame | Wrap screenshots in browser frames

Lessons From The React Global Online Summit 22 - DZone

On November 8th and 9th, I participated in the React Global Online Summit as a listener. There were numerous topics covered in this online event, and in this article, I would like to go through a few of the sessions in the junior track, such as Composable Microfrontends, React Hooks, TDD with User Interfaces, and Web Performance.

Lessons From The React Global Online Summit 22 - DZone

https://dzone.com/articles/lessons-learned-from-the-react-global-online-summit

Lessons From The React Global Online Summit 22 - DZone

A Platform for Modern Apps Entando is a modern development and runtime platform for your chosen Kubernetes provider. Developed in open source, Entando provides tools to build, reuse, and assemble applications, as well as the environment to run them on Kubernetes.

https://www.entando.com/page/en/platform-overview

Entando

Video preview

Video preview

Learn the fundamentals of the language Understand basic or advanced material with comprehensive examples. Deepen your knowledge of the language Use the most advanced way of learning with comprehensive examples. Make it stick in your brain forever Grasp the theory and deepen your knowledge with examples.

https://www.codingnotes.io/

8 Mart Kadınlar Günü'nde Kadınlara Masallar - Kahramangiller

"Hepimiz vahşiye özlemle doluyuz. Bu özlemin kültürel olarak onaylanmış pek az panzehiri var. Bize bu tür bir arzudan utanç duymamız gerektiği öğretildi. Uzattığımız saçlarımızı duygularımızı saklamak için kullandık. Ama Vahşi Kadın'ın gölgesi gündüz ve gecelerimiz boyunca pusuya yatmış bir halde varlığını sürdürmekte. Nerede olursak olalım, arkamızda tırıs giden bu gölge kesinlikle dört ayaklı."

8 Mart Kadınlar Günü'nde Kadınlara Masallar - Kahramangiller

https://www.kahramangiller.com/genel/8-mart-kadinlar-gununde-kadinlara-masallar/

8 Mart Kadınlar Günü'nde Kadınlara Masallar - Kahramangiller

Bluebeard and the Bloody Chamber

by Terri Windling Though based on older folk tales of demon lovers and devilish bridegrooms, the story of Bluebeard, as we know it today, is the creation of French writer Charles Perrault - first published in 1697 in his collection Histoires ou contes du temps passé (Stories or Tales of...

https://www.terriwindling.com/folklore/bluebeard.html

Bluebeard and the Bloody Chamber

Ultimate Frontend Development Roadmap

Under the Hood Hi, My name is Shrey, I am an Entrepreneur, Developer, Designer and Writer with 4 years of industry experience in running a company and building products and managing a team. I have been asked a lot of questions about How did I start my Frontend Development journey And whether is it difficult for Non-computer science background to succeed in software development?

Ultimate Frontend Development Roadmap

https://dev.to/shreyvijayvargiya/ultimate-frontend-development-roadmap-4inn

Ultimate Frontend Development Roadmap

Conditional wrapping in React

This is something you do not always need, but I wrote this article for those looking for it. Sometimes we might have a generic element, a specific component that renders inside a modal. When a specific flag is set, the component should get a parent wrapper to display it in a different variant.

Conditional wrapping in React

https://dev.to/dailydevtips1/conditional-wrapping-in-react-46o5

Conditional wrapping in React