Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
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
Download Telegram
Once you start using typescript, there's no going back to javascript lol
The Compound effect by Darren Hardy Part-1

Compound Effect

The Compound Effect “is the principle of reaping huge rewards from a series of small, smart choices,” made consistently, over a long period of time.
For example, would you rather have (A) $3 million upfront or (B) one penny that doubles in value every day for 30 days?
If you have taken option (B) then - 
Day Money you have ($)
1 0.01
2 0.02
.
.
.
15 327.67
.
.
.
27 1,342,177.27
28 2,684,354.54
29 5,368,709.08
30 10,737,418.16


You can able to see the change after 28 days. It's the power of Compound Effect.

Actionable Steps

• Decide to take full responsibility for your own life – even if you can’t explain how you got here.
• Write down 6 seemingly inconsequential positive steps you can start doing daily (like reading books).
• Identify 6 seemingly inconsequential negative actions you can put a stop to. (less watching TV, less playing video games).
• Identify any areas of life where you’ve enjoyed success in the past but may have become complacent and are no longer improving.



Choices

Choices
can be our best freind or worst enemy. They can deliver us to our goals or send us orbiting into a galaxy far far away.

Always remember that - 
Luck = Preparation + Attitude + Opportunity + Action
Now - 
• Identify the one area of life you’re struggling most with and start journaling all the things you’re grateful for about it.
• Identify and assess an area of life you want to change and that you’re not taking 100% responsibility for.
• Start tracking at least one behavior in one area of your life you’d like to change and improve.

Eliminating Bad Habits

Identify your triggers.

Eliminate those TRIGGERS from your Environment. 

Substitute with a REWARD that has the same effect 

Either: Ease into your new reward – (if No.3 doesn't work) some habits are easier to change by cutting them down slowly.

Or: Make a hard change – others are easier to dislodge with a quick decisive tug at the roots.

Creating Good Habits

Start Strongly – start with a strong WHY
Set Yourself Up to Succeed – eliminate distractions
Think Addition, Not Subtraction – focus on what you will get not what you lose.
Make a Public Commitment 
Find a Success Buddy –a friend or a coach
Set up Some Competition – compare the results with yesterday's progress
Celebrate – training your brain is much like training a dog so don’t underestimate the power of small, simple rewards for good behavior.

Creating Momentum

• Create a good evening and morning routine.
• List three areas of life where you’re not consistent enough. What has this cost you? Decide to be consistent from now on.
• Create a habit register and write down a half-dozen key behaviors (which may be beneficial in the future).

Influences

We Are Affected By 3 Kinds Of Influences


• Input (what you feed your mind)

• Associations (the people with whom you spend time)

• Environment (your surroundings).

• Identify the influence of media and information on your life. Identify ways to protect it from the negative and fill it with positive information.

• Evaluate your current associations. Which must you stop or limit? How will you expand your (good) associations?

• Pick an accountable partner and decide when, how often, what to and how you’ll hold each other accountable.
• Identify three areas of life you are most focused on improving. Find and engage a mentor in each area of those areas.
The Compound effect by Darren Hardy Part-2

Acceleration

Giving a little more energy or thought to your efforts won’t just improve your results, it will multiply them.
• Identify times when you hit your moments of truth and commit to pushing through them when you next get there.
• Find three areas in your life where you can do “extra” and make a plan to do more.
• Identify three areas in your life where you can beat expectations then plan where and how to create “wow” moments.
• Identify three ways you can do the unexpected. Where can you differentiate from what is common, normal, or expected?

Take Responsibility

The day you graduate from childhood to adulthood is the day you take responsibility of your choices.


Story Of Everyone

There's a story about a man riding a horse, galloping quickly. It appears that he's going somewhere very important A man standing along the roadside shouts, "Where are you going?" The rider replies, "I don't know. Ask the horse!" This is the story of most people's lives. They're riding the horse of their habits, with no idea where they're headed. It's time to take control of the reins and move your life in the direction of where you really want to go.

Daily Routine

A daily routine built on good habits and discipline separates the most successful among us from everyone else. A routineis exceptionally powerful.

Find Your "Why" Power

• The most motivating choices are ones that align with your “why” and your purpose.

• You need a deep why for doing stuff. With a why that is meaningful enough, you will do almost anything.

The access point to your why-power is through your core values, which define both who you are and what you stand for.

Core Values: Your Personal GPS

Your core values are your internal compass. They act as the filter through which you run all of life’s requests, requests, and temptations, making sure they’re leading you toward your intended destination.

Getting your core values defined and adjusted is one of the most important steps in redirecting your life toward your own definition of success.

Decision-making is also easier when you are certain of your core values.

Setting Goals

• When you define your goals, you give your brain something new to look for and focus on.

Top people have very clear goals. They know who they are and they know what they want. They write it down and they make plans for its accomplishment. Unsuccessful people carry their goals around in their head like marbles rattling around in a can.

Make a list of your most important goals. Go for whole-life success: balance in all the aspects of life that are important to you: business, finances, health and well-being, spirituality, family and relationships, and lifestyle.

The Formula for Getting Lucky

Preparation (personal growth) + Attitude (belief/mindset) + Opportunity (a good thing coming your way) + Action (doing something about it) = Luck

Learning Vs Studying

Learning leads to knowledge. Studying a topic means you are invested in it.

The world already has tons of knowledge. You don't need to learn more. What you need is to study, to practice, and to take action on the knowledge you have.
DARREN HARDY Quotes from The Compound effect Book

Allow yourself to go and do it wrong. Don’t expect to always get it right. It will prevent you from doing anything.

The ultimate measure of a man is not where he stands in moments of comfort and convenience, but where he stands at times of challenge.

A daily routine built on good habits and disciplines separates the most successful among us from everyone else.

Step by step, day by day, your choices will shape your actions until they become habits where practice makes them permanent.

You make your choices, and then your choices make you.

You can only control two things in life: Your attitude and your actions.

Consistency is the key to achieving and maintaining momentum.

You alone are responsible for what you do, don’t do, or how you respond to what’s done to you.
Forwarded from Cyber Punk
100+ Resources for Developers to Boost their productivity!
1. Online Learning Platforms
. Udemy
. FreeCodeCamp
. Treehouse
. Frontend masters
. Coursera
. Traversy media
. SoloLearn
. Codecademy
. Udacity
. Alison
. Code college
. LinkedIn Learning
. Skillshare
. EdX
2. Editors and Share Code Snippets
.PlayCode
.JSFiddle
.CodePen
.StackBlitz
.JSBin
.Codesandbox
.Codeinterview .io
.godbolt .org
.wandbox .org
.carbon.now.sh
.pastebin .com
.ideone .com
.ide.judge0 .com
3. Documentations and notes 📄
w3 schools
Mozilla's MDN
Devdocs
geeksforgeeks
tutorialspoint
javapoint
4. Competitive programming 👩‍💻
CodeChef
HackerEarth
HackerRank
AlgoExpert
LeetCode
TopCoder
Codewars
Codeforces
Coderbyte
Exercism
5. Learn by playing game 🎮
Grid garden
Flexbox defense
Codecombat
Unfold
Ruby warrior
Screeps
coding game
CodeMonkey
CSS diner
Flexbox froggy
Check IO
Cyber-dojo
Untrusted
6. Colors
Colorhunt
Paletto
Design Seeds
Coolors
Bootflat
uiGradients
BrandColors
Image color picker
Colour Lovers
WebGradients
Egg gradient
Gradient Hunt
Color-hex
FlatUIColors
CSS gradients
7. Background
Repeat-X Repeat-Y
Texture King
Pattern8
Subtle Patterns
Patternico
BG Patterns
Lost and Taken
Freepik
Cool backgrounds
BG generator
8. Icons ♠️
Icons8
Captain Icon
Iconmonstr
Linear Icons
Pixeden
Perfect Icons
Font Awesome
flaticon
Fontello
The Noun Project
Endless Icons
Round Icons
Iconfinder
Freeicons
Icon-icons
Findicons
9. Illustrations
Undraw
Freepik
IRA design
DrawKit
Absurd Illustrations
Handz
freeillustrations .xyz
Freebie Supply
ManyPixels
Vivid.js
Humaaans
Open Doodles
Icons8
Glazestock
Paper illustrations
illlustrations .co
isometric .online
10. Fonts
Google fonts
Font Bundles
Behance
Dafont
Font Squirrel
Abstract Fonts
1001 Fonts
11. Photos 📷
Unsplash
Pixabay
PicJumbo
IM Free
Pexels
Flickr
Gratisography
Stock Up
Cupcake
Adobe Stock
Icons8
Rgbstock
Pikwizard
Stocksnap
Shutterstock
Freestocks
12. Testing
Pingdom
Website Speed Test
SEO Site Checkup
Uptrends
Dotcom-Tools
GTmetrix
WebPageTest
Dareboost
SEO tools
Nibbler
BrowserStack
13. Hosting 🌐
Github pages
Netlify
Firebase
AWS
Vercel
Heroku
14. JavaScript visual libraries
Chart.js
D3.js
React-vis
Three.js
Victory
Chartkick
Google Charts
Flexmonster
ApexCharts
Echarts
Frappe Charts
ReCharts
15. CSS generators
coolbackgrounds .io
css3buttongenerator .com
neumorphism .io
glassmorphism .com
css3generator .com
Fancy-border-radius
bennettfeely .com/clippy
cssgradient .io
blobmaker .app
getwaves .io
cssgenerator .org
csssbuttongenerator .com
svgator .com
cssbuttoncreator .com
cssgenerators .net
svgbackgrounds .com
bgjar .com
cssboxshadow .com
css3generator .com
cssfiltergenerator .com
neumorphic .design
16. Code snippets
Codepen
Codesandbox
CSS-Tricks
Hakim .se
Code My UI
CreativesFeed
Bootsnipp
30 seconds of code
30 Seconds of CSS
Stackoverflow
Code to go
Tweetsnippet
GitHub
W3 Schools
EnjoyCSS
Web Code Tool
17. Interview preparation
CodeChef
HackerEarth
LeetCode
HackerRank
Interview Cake
InterviewBuddy
glassdoor
AlgoExpert
interviewing .io
Interview camp
Coderbyte
InterviewBit
GeeksForGeeks
AmbitionBox
18. Chrome extensions
Wappalyzrer
CSS Scan
Marmoset
Pesticide
Ghostery
HTML Validator
Keyframes
ColorZilla
Page Ruler
UX Check
Checkbot
LambdaTest
JSONView
#

Note: All the resources are available on Internet, just search these names, and their websites will pop up. If I would have started writing everyone’s link, then it would have taken much hours than now!
Forwarded from Cyber Punk
How To Get Unlimited Cloud Storage!

▪️Features:
➤Unlimited total files
➤Unlimited total files size
➤1.5GB daily bandwidth
➤2GB upload & download max
➤All basic features

▪️Instructions:
➤log in using your Telegram account, link it with TeleDrive,
and you’re free to upload as many files as you want for free.
➤It uses Telegram’s own storage, so it’s private by default
➤Files will also be available in the Saved Messages section in your Telegram app.

▪️Requires Telegram Account

Link:
https://teledriveapp.com/


========================================
For More Join now & Invite Your Friends➛ http://t.me/CyberPunk_anonymous
========================================
Accelerated Guide to Fullstack Web3 with ASS (Anchor, Solana, and Svelte)

https://dev.to/0xmuse/accelerated-guide-to-fullstack-web3-with-ass-anchor-solana-and-svelte-1mg
Introduction to Pinia State Management for Vue JS

https://youtu.be/XdRcFsoJAWQ

#vue #pinia #state #management #mariusEspejo
Forwarded from Learn CSS
Practice with Web Dev Simplified in creating a Search Bar and filtering its search results with JavaScript, HTML and CSS

https://youtu.be/TlP5WIxVirU

#search #html #css
Create a file drag and drop function for upload function with JavaScript, HTML, and CSS

https://javascript.plainenglish.io/create-image-drag-drop-app-with-javascript-9caf3b5a3d1a



#drag #drop #upload
Get to know some modern JavaScript features that can help write code more neatly

https://javascript.plainenglish.io/write-better-code-with-these-5-javascript-features-cf405b25a78e

---

A collection of JavaScript code snippets or snippets that are often encountered and used daily

https://javascript.plainenglish.io/12-useful-javascript-snippets-for-everyday-problems-4f08ee1ab5e

---

Practice using setTimeout to pause process execution

https://dev.to/dailydevtips1/using-settimeout-in-javascript-2mmc

---

Creating lists and how to update list contents using JavaScript

https://javascript.plainenglish.io/working-with-the-dom-in-vanilla-js-apps-part-2-ebd9a8064f6c

---

#snippet #dom #list #timeout
An introduction to GraphQL and how to use it with Node JS and TypeScript

https://dev.to/carrotfarmer/intro-to-graphql-with-nodejs-typescript-2n48

---

Using Nodemon for automatic process restart function in Node JS backend development process

https://stackabuse.com/automatically-restart-node-apps-on-file-change-with-nodemon/

---

Configuring Nodemon for TypeScript sharing

https://javascript.plainenglish.io/configuring-nodemon-with-typescript-69728662c56e

---

An example of implementing the Authentication system on Nest JS with JWT

https://medium.com/@samuel.galled/nestjs-authenticating-users-with-bcrypt-passport-jwt-and-cookies-d622425dc7c2

#nodejs #typescript #graphql #nodemon
Deep WORK by Cal Newport

Deep Work And Shallow Work

Deep work means those professional tasks that push your cognitive capabilities to their limit done in concentration mode (no distractions)

Shallow work relates to the tasks that do not require much cognitive work (logistical-style tasks) performed while distracted most of the time. They don't bring much new value in the world and are easy to duplicate.


The New Law of Productivity

High-Quality Work Produced = (Time Spent) x (Intensity of Focus)

The Principle of Least Resistance In Business

Without explicit feedback on the impact of various behaviors to the bottom line, we will tend toward actions that are easiest in the moment.


Busyness Is Not An Indicator Of Productivity

Knowledge workers usually lack explicit indicators of what it means to be productive and valuable at work, so they turn back toward an industrial indicator of productivity: doing multiple tasks in a visible manner.

The 4 Deep Work Philosophies


Monastic: isolate yourself for long periods of time without distractions; no shallow work allowed

Bimodal: reserve a few consecutive days when you will be working like a monastic (you need at least one day a week)

Rhythmic: take 3-4 hours every day to perform deep work on your project

Journalistic: alternate your day between deep and shallow work as it fits your blocks of time (not recommended to try out first).


Setting Up A Deep Work Routine

In order to have a deep work routine, you have to decide the following:

Where you’ll work and for how long.

How you’ll work once you start to work.

• How you’ll support your work.

Why Downtime Is Crucial

• Downtime aids insights

• It helps recharge the energy needed to work deeply

• The work that evening downtime replaces is usually not that important.

It's important to have a shutdown ritual, to ensure that every incomplete activity has been reviewed and that for each you have confirmed that either you have a plan you will follow for its completion, or it’s wirrten down and saved in a place where it will be revisited.


Social Media Hinders Our Ability To Focus

• Sending too much time on Social Media breaks up our time and reduces our ability to concentrate.

• Social Media take away time you could be spending on higher-impact activities. It’s a zero-sum game.

• If you want to eliminate the addictive pull of entertainment sites on your time and attention, give your brain a quality alternative.

The Craftsman Approach to Tool Selection

Identify the key elements that determine success and happiness in your professional and personal life.

Adopt a tool only if its positive impacts on these factors substantially outweigh its negative impacts.
Microsoft Design Challenge 💙

The much awaited "Microsoft Design Challenge" is back this year. Here is an awesome opportunity to launch your career in UX designing.

Calling all students who are passionate about UX designing to participate in the most awaited design challenge of the year.

💥What’s in it for you? 👉A chance to bag an UX Internship with Microsoft India.

Eligibility Criteria: Students graduating in 2022 & 2023

😎 To register and learn more visit: www.msdesignchallenge.in

🚀 Registrations are open until February 6th 5 PM IST. Hurry & register NOW!
Introducing a library to export data to excel or CSV format, called Excellentexport JS

https://github.com/jmaister/excellentexport

#excel #csv #export
Introducing Clipboard JS, a library for manipulating data within the operating system's Clipboard and browsers for copy and paste purposes

https://github.com/zenorocha/clipboard.js

#clipboard #copy #paste