Web development
4.16K subscribers
432 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
Variables in JavaScript
HTML For Everyone: Real World Coding in HTML5

HTML5 for web development essential HTML from scratch. With this HTML course, you don't need previous knowledge of HTML

Rating ⭐️: 4.6 out 5
Students πŸ‘¨β€πŸŽ“ : 9,496
Duration ⏰: 1hr 26min of on-demand video
Created by πŸ‘¨β€πŸ«: Oak Academy, OAK Academy Team

πŸ”— Course Link

#web_development #Website #Development #HTML
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @web_dev_bds for moreπŸ‘ˆ
Inline Frame Tags in HTML

<iframe title="New York"
width="342"
height="306"
id="gmap_canvas"
src="https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed"
scrolling="no">
</iframe>
JavaScript_Complete_Notes__1675186054.pdf
239.8 KB
JavaScript_complete_Notes
By prof Harshal V Patil


πŸ“„ 45 pages


#javascript #Notes
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
Javascript Variables
*Google’s Web Component Library*

https://lit.dev/

*Lit for React Developers*

Lit vs React
Lit's core concepts and capabilities are similar to React's in many ways, but Lit also has some key differences and differentiators:

It's small
Lit is tiny: it comes down to about 5kb minified and gzipped compared to React + ReactDOM's 40+ kb.

https://codelabs.developers.google.com/codelabs/lit-2-for-react-devs#1
Advanced Backend Web Development

We will also look at the basics of Coffeescript, a quick and powerful way to write Javascript.

Rating ⭐️: 4.7 out 5
Students πŸ‘¨β€πŸŽ“ : 6,391
Duration ⏰: 52min of on-demand video
Created by πŸ‘¨β€πŸ«: RefactorU LLC

πŸ”— Course Link

#web_development #Website #Development #backend
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @web_dev_bds for moreπŸ‘ˆ
πŸ‘2
JavaScript in HTML

<script type="text/javascript">
let text = "Hello QuickRef.ME";
alert(text);
</script>

External JavaScript

<body>
...

<script src="app.js"></script>
</body>
Tackling TypeScript: Upgrading from JavaScript

TypeScript has conquered the world of JavaScript: it's one of the world's fastest growing and most popular languages across developer surveys, widely used in consumer and business companies alike, and frequently credited for helping massive web applications scale.
If you're a programmer with intermediate JavaScript experience, this book will get you a quick start for TypeScript that teaches you the essentials quickly and digs deeper into the language and covers many important topics in detail.

by Dr. Axel Rauschmayer

πŸ”— Book link

#Typescript
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
Date Methods Cheat Sheet
❀1πŸ‘1
Top 11 React Performance Optimization Techniques in 2023

Developers and product owners are often scared of the performance issues when dealing with a React Js application. This unpopular belief has kept them from using React framework’s majestic benefits. However, once you understand how and why React applications lag in performance and how you can enhance React performance, you can leverage the many benefits of this modern frontend framework. This blog covers the 11 best React app performance optimization techniques to grow beyond the risks and pitfalls.

πŸ”— Resource link

#React
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
Bundle your TypeScript library with no config, powered by esbuild.

Anything that's supported by Node.js natively, namely .js, .json, .mjs. And TypeScript .ts, .tsx. CSS support is experimental.

Install
Install it locally in your project folder:

npm i tsup -D
# Or Yarn
yarn add tsup --dev
You can also install it globally but it's not recommended.

πŸ”— Resource link

#Typescript #library
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
πŸ₯°3
Web Development Essentials: Frontend Backend Database in LDE

Use Postman, Postbird and Chrome Developer Tools in a Docker Virtual Environment with a Postgres Database in locale

Rating ⭐️: 4.6 out 5
Students πŸ‘¨β€πŸŽ“ : 5,944
Duration ⏰: 1hr 57min of on-demand video
Created by πŸ‘¨β€πŸ«: Luca Nigido

πŸ”— Course Link

#web_development #database #frontend #backend
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
πŸ‘‰Join @web_dev_bds for moreπŸ‘ˆ
CSS in HTML

<style type="text/css">
h1 {
color: purple;
}
</style>

External stylesheet

<head>
...
<link rel="stylesheet" href="style.css"/>
</head>
The Missing Link
An Introduction to Web Development and Programming
by Michael Mendez
SUNY Fredonia
(State University of New York)

πŸ”— Book link

#web_development
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
HTML File Paths Explanation
HTML Cheat Sheet Input Elements
πŸ₯°2
Million.js

Make React 70% faster

The Virtual DOM Replacement for React. Gain big performance wins for UI and data heavy React apps. Dead simple to use – try it out today with just a block()

πŸ”— Resource link

#million_js #library #react
βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–βž–
Join @web_dev_bds for more
Web Developer Skills you can Master πŸ’―πŸ”₯πŸ™Œ

βœ…Basics:
HTML
CSS
JavaScript

βœ…Frameworks:
Bootstrap
Angular
React
Vue
Svelte
Solidjs

βœ…Backend:
API
SQL
Database
Django
Nodejs

βœ…Design:
Figma
Photoshop
Sketch
πŸ‘2