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
Learn JavaScript pinned «50 Resources for learning React in 2021⚛️ 📌 DOCUMENTATION 1. React official docs https://t.co/SSHFC9YfBo 2. MDN docs https://t.co/N7lc9FArAi 3. W3 Schools https://t.co/wqf3htdP9n 4. DevDocs https://t.co/VIX7uOW75K 5. Tutorials Point https://t.co/SKeUlubdtW…»
Information Security THREATS Developers should know about

⚡️ 1. Impersonation

📝 Gaining access to a system by impersonating yourself as someone with authority.

⚡️ 2. Trojan Horse Method

📝 Concealing within an authorized program as a set of instructions that will cause unauthorized act.

⚡️ 3. Logic bomb
📝 Unauthorized instructions with stay dormant until a specific event occurs, at which they bring into effect unauthorized acts.

⚡️ 4. Computer Viruses
📝 Malicious piece of code which which inserts copies of themselves into other programs of the system.

⚡️ 5. Worms
📝 Independent programs that makes copies of themselves throughout the network.

⚡️ 6. Dos
📝 Rendering the system unusable for users.

⚡️ 7. Dial Diddling
📝 Changing data before or during input in order to change the content of database

⚡️ 8. Spoofing
📝 configuring a system to mimic as another system in the network in order to get unauthorizes access to the resources.

⚡️ 9. Supper Zapping
📝 Using a systems program that can bypass regular system controls to perform unauthorized acts.

⚡️ 10. Scavenging
📝 Unauthorized access to information by searching through the residue after a job has been run on a computer.


Follow @JavaScript_js_learn for more JavaScript content.

_

Follow my other channels

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: @CyberPunk_anonymous
Learn JavaScript pinned «Information Security THREATS Developers should know about ⚡️ 1. Impersonation 📝 Gaining access to a system by impersonating yourself as someone with authority. ⚡️ 2. Trojan Horse Method 📝 Concealing within an authorized program as a set of instructions…»
FREE Cloud Services (including Hosting) ☁️🚀

AWS:
🔗 https://t.co/kwPBPH9w1d

Microsoft Azure:
🔗 https://t.co/rFlmkCHw9j

Google Cloud:
🔗 https://t.co/unUqlPX99q

Github Pages:
🔗 https://t.co/wenlxmgQbj

Netlify:
🔗 https://t.co/6j4hqrk6lT

FireBase:
🔗 https://t.co/zWt5v8BuaG

Oracle:
🔗 https://t.co/yxYxELP5JA

IBM:
🔗 https://t.co/st2HF14KW9


Follow @learn_JavaScript_js for more JavaScript content.

___

Follow my other channels

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:
@CyberPunk_anonymous
Learn JavaScript pinned «FREE Cloud Services (including Hosting) ☁️🚀 ⧩ AWS: 🔗 https://t.co/kwPBPH9w1d ⧩Microsoft Azure: 🔗 https://t.co/rFlmkCHw9j ⧩ Google Cloud: 🔗 https://t.co/unUqlPX99q ⧩Github Pages: 🔗 https://t.co/wenlxmgQbj ⧩Netlify: 🔗 https://t.co/6j4hqrk6lT ⧩ FireBase:…»
JavaScript Testing 🔧

Here are 6 awesome frameworks and utilities to test your JavaScript code.

1️⃣ Jest
2️⃣ Mocha
3️⃣ Jasmine
4️⃣ Enzyme
5️⃣ Protractor
6️⃣ Cypress

_____________________________


1️⃣ Jest

By far the most popular general-purpose JavaScript Testing Framework.
Works for most projects, most frameworks, and libraries and has great support for TypeScript and Babel.


🔗 https://t.co/hxRkJlYMIe

2️⃣ Mocha

Mocha is another popular choice for general-purpose testing in JavaScript and Node.js applications.

🔗 https://t.co/U87I7yFicb

3️⃣ Jasmine

Jasmine is a behavior-driven Testing Framework for JavaScript.

It's easy to get started and easy to use.


🔗 https://t.co/HJTQb1IrCH

4️⃣ Enzyme

Enzyme is a JavaScript Testing utility specifically built for testing React Components.

It's massively adopted in the React community and is often used in combination with Jest.


🔗 https://t.co/efiBNrVMGJ

5️⃣ Protractor

Protractor is an end-to-end Testing Framework for Angular Applications and is often used together with Jasmine.

🔗 https://t.co/aZZchH8WZ3

6️⃣ Cypress

Cypress is a complete end-to-end Testing Framework for JavaScript.

It's using its own test-runner and has certain syntax similarities with Enzyme.

It has become really popular and is a true pleasure to work with 🔥


🔗 https://t.co/qLC3NsuTir

#JS #Javascript #Frameworks #testing

Follow @learn_JavaScript_js for more JavaScript content.

_____________________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :
@Programmingworld_dev

For any quires you can ask in this group :
@devlopers_hub
Learn JavaScript pinned «JavaScript Testing 🔧 Here are 6 awesome frameworks and utilities to test your JavaScript code. 1️⃣ Jest 2️⃣ Mocha 3️⃣ Jasmine 4️⃣ Enzyme 5️⃣ Protractor 6️⃣ Cypress _____________________________ 1️⃣ Jest By far the most popular general-purpose JavaScript…»
Forwarded from Learn Web Development
If you divide web development into subparts, it becomes easy to learn

Lesson 1: HTML and CSS 🧱🎨
Lesson 2: CSS frameworks 🧮
Lesson 3: JS and DOM ⚙️📃
Lesson 4: Git and GitHub 🗂️
Lesson 5: React / Angular / Vue ⚛️
Lesson 6: Node.js 🔙🔚
Lesson 7: API and Database 🗄️📄



#Webdevelopment

Follow @learn_webdevelopment for more Web Dev content
Forwarded from Learn Web Development
Git learning is important in the field of development. I suggest you learn it after HTML, CSS and JS

Learn Git interactively👇

📌 https://t.co/i6aRYkkwaW
📌 https://t.co/9gl7aF0HuZ
📌 https://t.co/E5pj90UCDz

#Github #Git

Follow @learn_webdevelopment for more Web Dev content
Check out these amazing sites👇

📌 https://t.co/YxkraBG9rW
// Create your icon fonts in seconds

📌 https://t.co/G3DMGnrFkH
// Remove Image Background for free

📌 https://t.co/mh0pUR110L
// JavaScript library for creating unique, aesthetically pleasing triangle patterns

#JS #Javascript #Frameworks #testing

Follow @learn_JavaScript_js for more JavaScript content.

_________________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :
@Programmingworld_dev

For any quires you can ask in this group :
@devlopers_hub
Have you heard the term Jamstack? This is probably the future of web development

Let's understand what is jamstack👇

So the JAM stands for

J - JavaScript
A - APIs
M - Markup
Stack - Technologies used to build a particular project


The first interesting part here is that in some context we all have worked on Jamstack.

Trust me!! 😉

Consider a HTML file only, let's say with some text nothing else. Yes that's a Jamstack app becuase there is a markup in your app that makes it JAMstack

The second interesting part in jamstack is that you have already aware of all the terms used in it

JavaScript
APIs
Markup

So it will be easy for you to getting started with it
A first and foremost condition to be a jamstack is that your HTML should be served statically.
In simple terms we can say that HTML file should not being dynamically served from a server

But that doesn’t mean you have to build 100% of the app within the browser👇
You can also use static site generators(say Next.js) that allow us to pull in our files at build time and render the pages out as HTML files

So here comes some benefits of Jamstack👇

🔹 FAST

As in jamstack we are working on static site. So we don't have to wait for servers to calculate our request and serve us the markup file.

🔹 SECURE

Well jamstacks apps are super secure because we don't have to maintain the server

🔹 SCALE

As jamstack app is served entirely from a CDN there is no complex logic to determine what assets can be send, that pretty much automatically gives you infinite scalability

🔹 Maintainability

Obviously when hosting complexity is reduced, so are maintenance tasks

Tools you need in order to make a jamstack app

Site Generators - Gatsby, Next.js, Hugo, etc...
Serving your app - Netlify, GitHub, AWS, etc...
For API requests - Ghost, Strapi, Netlify CMS, etc...


#JS #Javascript #Frameworks #testing

Follow @learn_JavaScript_js for more JavaScript content.

___________________________________________

Follow my other channels

For HTML : @learn_html_web

For CSS : @learn_CSS_web

For PHP : @learn_php_web

For Programming tutorials/Courses/Materials :
@Programmingworld_dev

For any quires you can ask in this group :
@devlopers_hub
At present which level are you guys?
Anonymous Poll
81%
Beginner
17%
Intermediate
2%
Pro
Learn JavaScript pinned «At present which level are you guys?»
Forwarded from Learn CSS
Adding gradient color in text using CSS 🌈
This media is not supported in your browser
VIEW IN TELEGRAM
I created a minimal card design using CSS have a look😅
Learn JavaScript
I created a minimal card design using CSS have a look😅
If you guys want to try
Check the code below👇

HTML:
<div class="container">
<div class="content">
<h1>LEARN JAVASCRIPT</h1>
<h3>All info and tutorial of JAVA SCRIPT (JS)</h3>
</div>
<div class="flap"></div>
</div>

CSS:

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;900&display=swap');

body {
background: #f2f2f2;
}

.container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 400px;
width: 600px;
background: #f2f2f2;
overflow: hidden;
border-radius: 20px;
cursor: pointer;
box-shadow: 0 0 20px 8px #d0d0d0;
}

.content {
position: absolute;
top: 50%;
transform: translatey(-50%);
text-align: justify;
color: black;
padding: 40px;
font-family: 'Merriweather', serif;
}

h1 {
font-weight: 900;
text-align: center;
}

h3 {
font-weight: 300;
}

.flap {
width: 100%;
height: 100%;
}

.flap::before {
position: absolute;
content: "";
height: 100%;
width: 50%;
background: url("https://pbs.twimg.com/profile_images/1347537601989730307/QDQ0IZXv_400x400.jpg") white;
background-position: 100px;
background-repeat: no-repeat;
transition: 1s;
}

.flap::after {
position: absolute;
content: "";
height: 100%;
width: 50%;
right: 0;
background: url("https://pbs.twimg.com/profile_images/1347537601989730307/QDQ0IZXv_400x400.jpg") white;
background-position: -200px;
background-repeat: no-repeat;
transition: 1s;
}

.container:hover .flap::after {
transform: translatex(300px);
}

.container:hover .flap::before{
transform: translatex(-300px);
}
Build real application to learn any coding skill

Want to learn JavaScript?

Build application using JavaScript

Want to learn React?

Build application using React

Want to learn NodeJS?

Build application using NodeJS

🔥Practice beats theory every time
🔥