Web development – Telegram
Web development
3.98K subscribers
410 photos
31 videos
80 files
87 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
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 noscript="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


#javanoscript #Notes

Join @web_dev_bds for more
Javanoscript 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 Coffeenoscript, a quick and powerful way to write Javanoscript.

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

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

External JavaScript

<body>
...

<noscript src="app.js"></noscript>
</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

#Typenoscript

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

#Typenoscript #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
Document

<body>
<header>
<nav>...</nav>
</header>
<main>
<h1>QuickRef.ME</h1>
</main>
<footer>
<p>©2023 QuickRef.ME</p>
</footer>
</body>