Web development
4.16K subscribers
426 photos
31 videos
102 files
99 links
Web development learning path

Frontend and backend resources.

HTML, CSS, JavaScript, React, APIs and project ideas.

Join πŸ‘‰ https://rebrand.ly/bigdatachannels

DMCA: @disclosure_bds
Contact: @mldatascientist
Download Telegram
Top Skills for Web Developers
❀4
10 React security best practices
by Ron Perris

Looking for the best ways to secure your React app? Then you’ve come to the right place! We’ve created this checklist of React security best practices to help you and your team find and fix security issues in your React applications. We’ll also show you how to automatically test your React code for security-related issues and automatically fix them.

1-Use default XSS protection with data binding

2-Watch out for dangerous URLs and URL-based script injection

3-Sanitize and render HTML

4-Avoid direct DOM access

5-Secure React server-side rendering

6-Check for known vulnerabilities in dependencies

7-Avoid JSON injection attacks

8-Use non-vulnerable versions of React

9-Use linter configurations

10-Avoid dangerous library code


#REACT #front_end
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @web_dev_bds for moreπŸ‘ˆ
❀2πŸ‘2
Which of the following tag is used to create a text area in HTML Form?
Anonymous Quiz
45%
<textarea> </textarea>
17%
<text></text>
15%
<input type=”text” />
23%
<input type=”textarea” />
❀1πŸ‘1
To show deleted text, which HTML element is used?
Anonymous Quiz
87%
<del>
4%
<em>
5%
<strong>
4%
<ins>
πŸ‘3
Explanation:
<strong> element shows the importance of text/paragraph between it’s tags. <em> element indicates emphasis, browser will show the contents of <em> element in italic. <ins> element shows the content that has been inserted, usually it has underline. <del> element shows text that has been deleted from, usually it has a line through the content.
<p>This is <del>not</del> for deletion </p>
Output: This is not for deletion.
Explanation:
The correct syntax for a web address is scheme://prefix.domain:port/path/filename, where scheme is for https or http, prefix is for domain like www, domain denotes domain name, port defines port number, path defines path at server, filename is for name of the document.
Which tag is used to create a dropdown in HTML Form?
Anonymous Quiz
20%
<input>
63%
<select>
5%
<text>
13%
<textarea>
πŸ₯°2
Shopify Free Courses


Introduction to Shopify
βœ… Free Online Course
βŒ›οΈDuration: 5-6 hours
🧱 15-20 major concepts
πŸƒβ€β™‚οΈ Self paced
Source: Shopify academy
πŸ”—
Course Link

Using Shopify and Facebook to Quick-Start an eCommerce Store
Rating⭐️: 4.7 out 5
Students πŸ‘¨β€πŸŽ“ : 58,646
Duration ⏰ :1hr 58min
Teacher πŸ‘¨β€πŸ«: Patrick Mallon
πŸ”— COURSE LINK

FREE Beginner Shopify Course (COMPLETE)
🎬 Video lessons
Duration ⏰: 4-5 hour worth of material
πŸƒβ€β™‚οΈ Self paced
Source: Rainson - An Entrepreneur
πŸ”— Course Link

How to become a Shopify Expert For Free (By Webinopoly)
Rating⭐️: 4.6 out 5
Students πŸ‘¨β€πŸŽ“ : 15,007
Duration ⏰ : 1hr 22min of on-demand video
Teacher πŸ‘¨β€πŸ«: Moe Farhat
πŸ”— COURSE LINK

Learn an Introduction to Ecommerce Shopify Marketing
🎬
Video lessons
Duration ⏰: 2 hour worth of material
πŸƒβ€β™‚οΈ Self paced
Source: HubSpot
πŸ”— Course Link

Shopify Course For Beginners: Creating A Store From Scratch
Rating⭐️: 4.6 out 5
Students πŸ‘¨β€πŸŽ“ : 16,692
Duration ⏰ : 1hr 48min of on-demand video
Teacher πŸ‘¨β€πŸ«: Rohan Dhawan
πŸ”— COURSE LINK

Google Adwords for Shopify
🎬 Video lessons
Duration ⏰: 5-6 hour worth of material
πŸƒβ€β™‚οΈ Self paced
Source: Casual Ecommerce
πŸ”— Course Link

Mastering Shopify: Build your Shopify Store in just One Hour
Rating⭐️: 4.7 out 5
Students πŸ‘¨β€πŸŽ“ : 16,495
Duration ⏰ : 1hr 13min of on-demand video
Teacher πŸ‘¨β€πŸ«: Cristian Adam
πŸ”— COURSE LINK

Shopify for Developers: Free Course
🎬 Video lessons
Duration ⏰: 5-6 hour worth of material
πŸƒβ€β™‚οΈ Self paced
Source: Code Inspire
πŸ”— Course Link


#shopify
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @web_dev_bds for moreπŸ‘ˆ
❀3πŸ‘1πŸ”₯1
Which tag is used to create a numbered list in HTML?
Anonymous Quiz
52%
<ol>
11%
<ul>
31%
<li>
5%
<ll>
πŸ‘3❀1
Introduction to Advanced Node and Express Challenges

Authentication is the process or action of verifying the identity of a user or process. Up to this point you have not been able to create an app utilizing this key concept.

The most common and easiest way to use authentication middleware for Node.js is Passport. It is easy to learn, light-weight, and extremely flexible allowing for many strategies, which we will talk about in later challenges. In addition to authentication we will also look at template engines which allow for use of Pug and web sockets which allow for real time communication between all your clients and your server.

πŸ†“ Free Online Course
⏰ Duration : More than 1 hour
πŸƒβ€β™‚οΈ Self paced
βœ… Certification available

πŸ”— Course Link


#node #express
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @bigdataspecialist for moreπŸ‘ˆ
Which of the following extension is used to save an HTML file?
Anonymous Quiz
1%
.hl
1%
.h
2%
.htl
96%
.html
Web Developer Salary in Canada in 2024
Top 9 HTTP Request Methods
Types of DNS Attacks
How SSL Certificates work
πŸ‘1
HTML TipπŸ’‘

You can add dark mode to your website with just one line of code.
πŸ”₯7πŸ‘1
API Design Best Practices
πŸ‘2
40 Project Ideas For Web Developer
πŸ‘2❀1