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
Tips in using Reducer Hooks in web worker React JS

https://blog.logrocket.com/place-usereducers-web-workers/

---

A simple exercise creating a SPA application with React JS

https://javascript.plainenglish.io/building-a-spa-with-react-and-node-cef18dccef17

---

#react #spa #reducer #hooks
Exercise from Dcode on using the HTTP request Fetch API with JavaScript

https://youtu.be/1Okmw8ggD1Q

#dcode #fetch #http
Top 5 SOLIDITY YouTube tutorials

write your first smart contract in less than 2 hour 🌱


1/ Solidity, Blockchain, and Smart Contract Course – Beginner to Expert Python Tutorial
-

{2,047,444 views}

https://youtu.be/M576WGiDBdQ

2/ MASTER Solidity for Blockchain Step-By-Step (Full Course)


{ 102,648 views }

https://youtu.be/YJ-D1RMI0T0

3/ Solidity Tutorial - A Full Course on Ethereum, Blockchain Development, Smart Contracts, and the EVM
-

{ 619,846 views }

https://youtu.be/ipwxYa-F1uY


4/ Solidity Tutorial | Solidity For Beginners | Blockchain Tutorial For Beginners |


{ 58,000 views }

https://youtu.be/YjbIrNRqiYU


5/ Smart Contracts Programming Tutorial | Solidity Programming Language | Solidity Tutorial |

{ 25,876 views }

https://youtu.be/XdrScruyYtk

For More Web3 Content Join
@web3_learn
27 Concepts Every JavaScript Developer Should Know 🌱

→ Call Stack

→ Primitive Types

→Value Types and Reference Types

→ Implicit, Explicit, Nominal, Structuring and Duck Typing

→ == vs === vs typeof
Function Scope, Block Scope and Lexical Scope

→ Expression vs Statement

→ IIFE, Modules and Namespaces

→ setTimeout, setInterval and requestAnimationFrame

→ JavaScript Engines

→ Bitwise Operators, Type Arrays and Array Buffers

→ DOM and Layout Trees

→ Factories and Classes

→ Object.create and Object.assign
map, reduce, filter

→Pure Functions, Side Effects, State Mutation and Event Propagation

→ Closures

→ High Order Functions
Recursion

→ Collections and Generators
Promises

→ async/await

→ Data Structures

→Message Queue and Event Loop

→ this, call, apply and bind
new, Constructor, instanceof and Instances

→ Prototype Inheritance and Prototype Chain
5 Modern Bash Scripting Techniques That Only A Few Programmers Know

#bash

https://bit.ly/3KgA5Pq
I found this super amazing GitHub repository 😼

In this repo you'll find cheat sheet of

- HTML
- CSS
- JavaScript
- jQuery
- Git
- Gulp

https://github.com/logeshpaul/Frontend-Cheat-Sheets
Roadmap for becoming Back-End Developer in 2022

Learn the basics of Internet

1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?

Basics of front-end languages

1. HTML
2. CSS
3. JavaScript

Learn a back-end language

1. PHP
2. NodeJS
3. Ruby On Rails
4. Python
5. Go
5. C#

Just learn anyone of the above language but make sure you have in-depth understanding of that language.

I will recommend NodeJs or PHP.

Learn Version Control System

1. Basic Git Commands
2. Repo hosting services
I. GitHub
II. Gitlab
III. Bitbucket

Learn about Relational Databases

1. MySQL
2. PostgreSQL
3. MariaDB
4. MS SQL
5. Oracle

MySQL is the most popular one.

Learn about NoSQL databases

1. MongoDB
2. RethinkDB
3. CouchDB
4. DynamoDB

NoSQL are very popular databases. Many startups are opting for NoSQL databases instead of SQL databases.

Learn About APIs

1. REST
2. JSON APIs
3. HATOAS
4. Open API Spec and Swagger
5. Authentication
6. GraphQL

Learn about caching

1. CDN (Cloud Delivery Network)
2. Server-side caching
I. Redis
II. Memcached
3. Client-side caching

Web Servers

1. Nginx
2. Apache
3. Reverse Proxy

Understand web security

1. Hashing Algorithm
I. MD5
II. SHA Family
III. Scrypt
IV. Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS

Learn testing

1. Integration Testing
2. Unit Testing
3. Functional Testing

Containerization / Virtualization

1. Docker
2. Kubernetes
3. rkt

Architectural Patterns

1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers
5 Useful Resources for Junior Web Developers

1. Diagrams - This is such a great web for draw a lot of diagrams you need. I use it for my databases as long as I need to share with my peers.

Visit : https://app.diagrams.net/

2. CSS Section Generator - If you want to take your website design to another level, this separator generator allows you to create different sections for your web.

Visit : https://wweb.dev/resources/css-separator-generator

3. Grid by example - The perfect place if you need to understand how grid layout works.

Visit : https://gridbyexample.com/

4. JSFiddle - If you need to test your code and you don't want to open VS Code, JSFiddle brings you the possibility to use an online editor.

Visit : https://jsfiddle.net/

5. Sweet Alerts - A beautiful tool for replacement alerts. It's a npm pakage so you need to install it as a dependencie.

Visit : https://sweetalert.js.org/
🕯 Sites to practice programming and solve challenges to improve programming skills 🕯

1️⃣ https://edabit.com
2️⃣ https://codeforces.com
3️⃣ https://www.codechef.com
4️⃣ https://leetcode.com
5️⃣ https://www.codewars.com
6️⃣ http://www.pythonchallenge.com
7️⃣ https://coderbyte.com
8️⃣ https://www.codingame.com/start
9️⃣ https://www.freecodecamp.org/learn

━━━━━━━━━━━━━

Share and support 🤟😉
Forwarded from Cyber Punk
🔰 Password Recovery Online Tool

▪️Documents type file supported
1. Pdf
2. MS Office Word
3. MS Office Excel
4. MS Powerpoint

▪️Archive Type File Supported
1. Zip
2. RAR
3. 7z

Link: https://www.lostmypass.com/try/
GitHub Repo's for Data structure & algorithm using Javascript 🌱

1/ Algorithms.js

https://github.com/trekhleb/javascript-algorithms

2/ DSA and Algo with ES6

https://github.com/Crizstian/data-structure-and-algorithms-with-ES6

3/ JS data strcutures- algorithms

https://github.com/trekhleb/javascript-algorithms

4/ DSA.js-data-structures and algorithm

https://github.com/amejiarosario/dsa.js-data-structures-algorithms-javascript
Top 3 ReactJS Projects to Add to your Resume in 2022

1/ Resume Builder

Skills ↓

- NodeJS
- Express
- React
- Material UI
- React Bootstrap

https://gitlab.com/lakshyajit165/react_resume


2/ Slack Clone

Skills ↓

- Advanced React-Redux
- Firebase
- Web application development
- Website hosting

https://youtu.be/Oo4ziTddOxs


3/ Markdown Editor

- React Hooks
- Context API
- React markdown

https://youtu.be/fF9vrZNSQC4
Free Resources To Learn Frontend Web Development ☑️🔥

Free Course from Udacity

https://imp.i115008.net/3Pd2dd

Free Certified Course from Freecodecamp

https://www.freecodecamp.org/learn/front-end-development-libraries/

Front-End Interview Prep Free Course from Udacity

https://imp.i115008.net/5bmP6n

Learn HTML & CSS From Scratch
[4.6 star ratings out of 5]

https://bit.ly/3uv2fRS

Foundations of Front-End Web Development Free Udemy Course

https://bit.ly/3sltmfC

Front-end Developer Free Handbook

https://github.com/FrontendMasters/front-end-handbook-2019/raw/master/exports/Front-end%20Developer%20Handbook%202019.pdf

Eloquent JavaScript FREE BOOK

https://eloquentjavascript.net/Eloquent_JavaScript.pdf

To Practice your skills:

https://www.acefrontend.com/
https://www.codewars.com/

#frontend #development

Join
@coderblast for more ☑️

Share with your buddies 🤝