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
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
The 5AM Club by Robin Sharma Part-1

The Four Focuses of History Makers

• Capitalization IQ: 'Natural talent is not what defines great individuals. Instead, it is the extent of that potential that they capitalize on through consistency and relentlessness.'
• Freedom from Distraction: ‘An addiction to distraction is the death of your creative production.’
• Personal Mastery Practice: 'Your influence in the world mirrors the glory, nobility, vitality, and luminosity you’ve accessed in yourself.' Focus on your Four Interior Empires.
• Day Stacking: 'As you live each day, so you craft your life. We all are so focused on pursuing our futures that we generally ignore the exceedingly important value of a single day. And yet what we are doing today is creating our future.'

The Four Interior Empires

Mind Set: It is the psychological aspect of our being. For example, our thinking.
Heart Set: It is our emotional intelligence. How good are we at managing our own emotions? What is our relation to others?
Health Set: It relates to our physical fitness.
Soul Set: It connects to spirituality. How are we connecting to that Supreme power?


The Five Scientific Truths Behind Excellent Habits

World-class willpower isn’t an inherent strength; it is a skill developed through relentless practice.
Personal discipline is a muscle. The more you stretch it, the stronger it gets.
• Like other muscles, willpower weakens when tired. Therefore, recovery is necessary for the expression of mastery and to manage decision fatigue.
• Installing any virtuous habits follows a distinct four-part pattern for automation of the routine.
Increasing self-control in one area of your life should elevate self-control in all areas of your life.

The Three Values of Heroic Habit Makers

Victory demands consistency and persistence. Anyone can be great for just one day. But to be great consistently is what is required to become heroic.
• Completing what is started determines the size of personal respect that will be generated.
• The way you practice in private is precisely how you will perform once you are in public.


The Habit Installation Protocol

It takes 66 days to get to the automation point of a new habit. The time can be divided into 3 parts (22 days each)- 
Destruction Phase: Here your old habit gets destroyed. It is the hardest part. You need most of your willpower in this phase.
Installation Phase: In this phase installation of a new habit takes place. Here you should remember why you are going to build this habit.
Integration Phase: Here the habit gets integrated with your daily life 
After 66 days the habit will be automated.


20/20/20 Formula

By using this formula you will get most of your Victory Hour(5-6 am). It is divided into three 20 minutes pockets.
•  Move: 1st 20 minutes for intense exercise. It will increase your metabolism rate and your brain will be optimized and you will be able to better focus on work.
Reflect: Here you plan your day or Mediate for clear vision or you may do praying or journaling.
Grow: This pocket is for gaining knowledge. You can read books, listen to podcasts, audiobooks, etc.
The 5AM Club by Robin Sharma Part-2

The 10 Tactics of Lifelong Genius

• The Tight Bubble of Total Focus: preserves your focus as well as your primal brilliance by giving you long stretches of time free from trivial fascinations and any influences that dissolve your inspiration.
The 90/90/1 Rule: For 90 days spend 90 minutes of a workday on a single task.
The 60/10 method: 60 minutes work - 10-minute break.
The Five Daily Concepts: During the second pocket of your Victory Hour, list the five tiny targets you wish to accomplish over the day ahead for you to feel it was one well-spent.
The Second-Wind Workout: schedule a second workout at the end of your workday to give you a second wind for a great evening.
The Two Massage Protocols: Lock two ninety-minute massages onto your weekly schedule.
Traffic University: Use the traveling time to learn, expanding your professional prowess and personal knowledge.
The Dream Team Technique: Delegate tasks that not only are a poor use of your hours but also diminish your happiness. Ideally, restructure your entire life so you’re doing only the things you’re great at—and love to do.
The Weekly Design System: Carve out and then ritualize thirty minutes early each Sunday morning to create your “Blueprint for a Beautiful Week.”
The 60-Minute Student: For at least sixty minutes a day, study. Do whatever it takes to fireproof your commitment to relentless growth.

Twin Cycles of Elite Performance

The Five Assets of Genious are your mental focus, your physical energy, your personal willpower, your original talent, and your daily time.
The balance should be maintained between High Excellence Cycles (the time when you work) and Deep Refueling Cycle (when you take rest).
THE LEGENDARY PERFORMANCE EQUATION:
PRESSURE × REFUELING = GROWTH + ENDURANCE
Remember this: The time you least feel like doing something is the best time to do it.


The Billionaire’s Maxim

• To Create Magic in the World, Own the Magic within Yourself.
• Collect Miraculous Experiences over Material Things.
Failure Inflates Fearlessness.
• Proper Use of Your Primal Power Creates Your Personal Utopia.
Avoid Bad People.
Money Is the Fruit of Generosity, Not Scarcity.
Optimal Health Maximizes Your Power to Produce Magic.
• Continue Raising Your Life Standards Toward Absolute World-Class.
• Deep Love Yields Unconquerable Joy.
Heaven on Earth Is a State, Not a Place.
• Tomorrow Is a Bonus
, Not a Right.