Learn JavaScript™
Kanalga Telegram’da o‘tish
All info, tutorial, JS tips and more ....! bio.link/javascript_js_ For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @technical_stark
Ko'proq ko'rsatish4 411
Obunachilar
-124 soatlar
Ma'lumot yo'q7 kunlar
-330 kunlar
Postlar arxiv
4 411
Long practice using Jenkins by creating CI/CD pipelines
https://www.freecodecamp.org/news/learn-jenkins-by-building-a-ci-cd-pipeline/
#jenkins
4 411
Creating simple page animations in React JS
https://www.freecodecamp.org/news/animate-react-apps/
---
Practice creating a screen sharing app with React JS and Puppeteer Node JS
https://dev.to/novu/building-an-interactive-screen-sharing-app-with-puppeteer-and-react-12h7
---
#react #animation #puppeteer #screensharing
4 411
How to install Kali Linux to a computer or laptop
https://www.freecodecamp.org/news/how-to-install-kali-linux/
#times #linux
4 411
Some alternative Heroku hosting services that are still free until now
https://dev.to/jainilprajapati/7-fantastic-heroku-alternatives-4jf8
#heroku #alternative
4 411
A collection of useful Google Chrome extensions for web developers
https://dev.to/naubit/10-must-have-chrome-extensions-for-web-developers-5dih
#chrome #extension
4 411
A collection of JavaScript code snippets or snippets that are often used in programming
https://dev.to/madza/19-practical-es6-snippets-to-solve-common-js-problems-31o9
—-
Tips and tricks in using JavaScript that you need to know
https://dev.to/dcodeyt/7-must-know-javascript-tips-tricks-2m8f
—-
Proxy API Object use case example in JavaScript
https://dev.to/jeevankishore/real-world-use-cases-of-object-proxies-3d87
—-
Example of using Observer design pattern in TypeScript
https://javascript.plainenglish.io/design-patterns-observer-pattern-in-typescript-f6589f1ce4fc
—-
#tips #snippets #observer #pattern #proxy #esm
4 411
Repost from N/a
BUILDING A SECOND BRAIN by Tiago Forte
Second Brain - Expanding Your First Brain With Technology.
Building A Second Brain is a methodology for saving and systematically reminding us of the ideas, inspirations, insights, and connections we’ve gained through our experience. It expands our memory and our intellect using the modern tools of technology and networks.
Second Brain Is Needed Where Our First Brain Lacks.
Our brain can only store a few thoughts at any one time. Our brain is for having ideas, not storing them.That's why we need to stop competing with intelligent machines and use their power as our second brain.
Four Step Process To Build Your Second Brain
CODE or Capture,Organize,Distill and Express is the 4 step process that we can use to build our second brain.Buidling a second brain is all about how you use the information in digital space.So every step is related with how you capture,organize,distil and express an information.
Capture - Keep What Resonates
We can capture anything that you came across like highlights from what you read,meeting notes,quotes or images.We can also capture our internal thoughts,reflections and stories.Capturing Everything is not useful as you have to organize it later so just keep what resonates.
Organize - Save For Actionability
The best way to organize your notes is to organize for action, according to the active projects you are working on right now.Surprisingly, when you focus on taking action, the vast amount of information out there gets radically streamlined and simplified.You can use PARA system to organize your notes on the basis of actionability
How To Set-up P.A.R.A System
PARA is the simple system for organize your digital life created by Tiago Forte
What is it PARA?
PROJECT: is a series of activities linked to a goal
AREAS : It is a sphere of activity to be maintained over time
RESOURCES : Themes that interest you
ARCHIVE: Anything that is not part of the other 3 categories
Project Vs Areas
Project examples:
• Writing a Book
• Run a marathon
• Writing a Proposal
Areas examples:
• Fitness
• Writing
• Business
• Finances
• Spirituality
Distill - Find the essence)
At this stage you have information in an organised manner,the missing part is only this "How can you find your notes in future ?".
The solution is simple,it is to progressively summarize the notes you have.Progressive summary is nothing but distilling your notes to find the essence.
You can do Progressive summarization in two steps,
Step 1 - Bold the important part in notes.
Step 2 - Highlight the important part from what you have already bolded.
Now,you have your original note along with bolded and highlighted parts.
So next time when you visit that note then you will have a ready made summary.
Express - Show Your Work
All the previous steps—capturing, organizing, and distilling—are geared toward one ultimate purpose: sharing your own ideas, your own story, and your own knowledge with others. What is the point of knowledge if it doesn’t help anyone or produce anything ?
The Express step is also where we practice and hone our ability to retrieve what we need, when we need it. It’s the step where we build the confidence that our Second Brain is working for us.
You can retrive your notes by,
- Searching for a keywords
- Browsing through your notes
- Using tags
Maintaining Your Second Brain
Like every system, a Second Brain needs regular maintenance.One of the way to maintain any system is to review it from time to time.Similarily Weekly and Monthly Reviews helps you to periodically review your second brain and decide if you want to change anything.
4 411
JavaScript Patterns
https://stackblitz.com/@lydiahallie/collections/javascript-patterns
#patterns #javascript
4 411
How to Unit Test Next.js API Routes with Typescript
https://itnext.io/how-to-unit-test-next-js-api-routes-with-typescript-ec1146b4b9b3
#nodejs
4 411
Practice manipulation of dates and numbers with JavaScript
https://www.freecodecamp.org/news/numbers-and-dates-in-javascript/
---
Introduction to objects in JavaScript
https://dev.to/rembertdesigns/objects-in-javascript-with-examples-5e4p
---
Do a comparison of two JavaScript Arrays to find out whether the Arrays are the same or not
https://www.freecodecamp.org/news/how-to-compare-arrays-in-javascript/
---
JSON to XML data comparison with JavaScript
https://javascript.plainenglish.io/javascript-convert-json-to-xml-80caf3148886
---
#date #number #json #xml #array #object #compare
4 411
Simple exercise to create script elements with JavaScript to HTML DOM elements
https://javascript.plainenglish.io/javascript-create-script-element-d520d1dc4f64
—-
#script #dom #html
4 411
Tips and tricks for scaling the Node JS backend server capacity
https://www.freecodecamp.org/news/nodejs-api-best-practices-for-scaling/
---
#nodejs #scaling
4 411
Complete guide on using React JS in 2022
https://www.freecodecamp.org/news/react-beginners-guide/
---
Long practice building a fullstack JavaScript application with Redwood JS
https://blog.logrocket.com/how-to-build-full-stack-app-redwoodjs/
---
Several ways to make text bold in React JS
https://javascript.plainenglish.io/react-bold-text-49687160dd18
---
#react #redwood
4 411
Practice using PM2 to run Node JS processes on backend server
https://javascript.plainenglish.io/process-management-in-node-js-with-pm2-ca32d75c94af
---
Practice doing web scrapping with Node JS for other web product product pages
https://dev.to/darshan0_1/scrape-google-shopping-product-results-43l7
#pm2 #web #scrapping
4 411
Added data filter animation in React JS with Framer Motion with Cand Dev
https://www.youtube.com/watch?v=f4f7vwL4TcQ
—-
Introduction to Material UI components for React JS
https://blog.bitsrc.io/the-last-component-library-youll-ever-need-an-intro-to-material-ui-c5495735ae05
—-
#react #framer #candDev #material
4 411
Practice making diagrams or charts with JavaScript and Anychart
https://javascript.plainenglish.io/creating-line-charts-stepped-line-charts-in-js-601db1022f76
---
Some tips and tricks on using JavaScript
https://dev.to/dcodeyt/7-must-know-javascript-tips-tricks-2m8f
---
#chart #anychart #tips
4 411
Take a look at some of the new features of JavaScript ES2022
https://javascript.plainenglish.io/5-most-exciting-es2022-features-you-should-know-about-f7a4d8ed78cb
#es2022
4 411
The Future of State Management in Vue.js
https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f
#vue
4 411
Build a Progressive Web App (PWA) with Next.js
https://refine.dev/blog/next-js-pwa/
#next #nextjs #pwa #app #web
4 411
5 Most Common useState Mistakes React Developers Often Make
https://refine.dev/blog/common-usestate-mistakes-and-how-to-avoid/
#mistakes #usestate #react #reactjs
