Web design & ๐Ÿ˜ƒ development
29.2K subscribers
499 photos
23 videos
67 files
762 links
Admin๐Ÿ‘ฎ @sreetamo @Tranjar

Get free resources for webdevelopment , html , CSS , JavaScript , reactjs , wordpress , Php , nodejs ...etc. Buy ads: https://telega.io/c/WebsiteDesignLearningGroup
๐Ÿ‘ฅGroup๐Ÿ‘ฅ @website_DesignLearning_Group
Download Telegram
function createCounter() {
let count = 0;
return function() {
count += 1;
console.log(count);
};
}

const counter1 = createCounter();
counter1();
counter1();

const counter2 = createCounter();
counter2();
counter1();

What will be the output?? #javascript
๐Ÿ‘7โค1
<div class="parent">
<div class="child">Child</div>
</div>
:root {
--main-bg-color: blue;
}

.parent {
--main-bg-color: red;
background-color: var(--main-bg-color);
}

.child {
background-color: var(--main-bg-color);
}
๐Ÿ‘13โค3
๐Ÿ‘‰What will be the background color of the .child element?

#css #quiz
๐Ÿ‘8
JAVASCRIPT GAMEDEV FULL COURSE

๐Ÿ‘‰ https://youtu.be/GFO_txvwK_c
.
.
.
#javascript #gamedev #webdevelopment
๐Ÿ‘9
๐Ÿ‘14โค3
Join our new channel to learn AI tools ๐Ÿ‘‰https://t.me/Aitechnologylearning

Join our new channel to learn the latest AI tools and techniques.

๐Ÿ’Ž Master powerful AI tools like ChatGPT, Midjourney, and Stable Diffusion.

Join our channel now: https://t.me/Aitechnologylearning
๐Ÿ‘4
Learn to Code using AI - ChatGPT Programming Tutorial (Full Course) https://youtu.be/dJhlMn2otxA?feature=shared
๐Ÿ‘6๐Ÿ”ฅ1๐Ÿ‘1
VS CODE SHORTCUTS

Follow us on Instagram๐Ÿ‘‡
https://www.instagram.com/web_design_development_learn
๐Ÿ‘8โค2๐Ÿ”ฅ2
Things that a Web Developer must know concerning database storage and management:

๐ŸŸกCharacteristics of relational/non-relational data.

๐ŸŸกKnowledge of NoSQL databases.

๐ŸŸกKnowledge of web storage.

Following are some of the best databases you must learn

๐ŸŸงRelational databases: Within the tables, data is stored in rows and columns. The relational database management system (RDBMS) is the program that allows you to create, update, and administer a relational database. Microsoft SQL Server, Oracle Database, MySQL, PostgreSQL, and IBM Db2 are examples of rational databases.

๐ŸŸงNoSQL: NoSQL databases (aka โ€œnot only SQLโ€) are non-tabular, and store data differently than relational tables. NoSQL databases come in a variety of types based on their data model. The main types are document, key-value, wide-column, and graph. Apache Cassandra, MongoDB, CouchDB, and Couchbase are examples of NoSQL.

๐ŸŸงCloud database: It refers to any database thatโ€™s designed to run in the cloud. Like other cloud-based applications, cloud databases offer flexibility and scalability, along with high availability. Cloud databases are also often low-maintenance since many are offered via a SaaS model. Microsoft Azure SQL Database, Amazon Relational Database Service, Oracle Autonomous Database are examples of cloud database..

โšกTechnology Stacks- MEAN, MERN, MeVn, Lamp

๐Ÿ”ฐMEAN Stack: MEAN stack development refers to the development process that falls within these particular sets of technologies MongoDB, ExpressJS, Angular, NodeJS.

๐Ÿ”ฐMERN Stack: It is is one of several variations of the MEAN stack (MongoDB, Express, Angular, Node), where the traditional Angular frontend framework is replaced with React JS. The main benefit of using MERN is the integration of React and its powerful library and capability to use code simultaneously on servers and browsers.

๐Ÿ”ฐMEVN Stack: Other variants of MEAN Stack, the MEVN Stack (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work. It is the open-source JavaScript software stack that has emerged as a new and evolving way to build powerful and dynamic web applications

๐Ÿ”ฐLAMP: It is an old classic industry standard when it comes to time-tested web development stacks, which comprises MySQL (Relational Database Management), Linux (Operating System), PHP (Programming Language), and Apache (HTTP server).
โค4๐Ÿ‘4๐Ÿ”ฅ1
const obj = {};
let value = 0;

Object.defineProperty(obj, 'prop', {
get() {
return value;
},
set(newValue) {
value = newValue + 1;
},
configurable: true,
enumerable: true
});

obj.prop = 10;
console.log(obj.prop);

๐Ÿ”ดWhat will be the output??
#javascript #quiz
๐Ÿ‘11
const obj = { a: 1, b: 2 };
const proxy = new Proxy(obj, {
get(target, prop) {
return prop in target ? target[prop] : 0;
}
});

console.log(proxy.a, proxy.b, proxy.c);


๐Ÿ’ก What will be output??
๐Ÿ‘8๐Ÿ‘2
โŒจ๏ธ CSS: Align Icon with Text

"cap" is a CSS unit which is equal to the "cap height", that is, the size of the capital letters in a font.

This helps us to easily size icons that lie next to a piece of text to perfectly match the height of the text - no more fiddling around with rem or px units ๐Ÿคฉ

โ“ Question: Do you feel this is a better approach or do you like to define a specific dimension for your items?
๐Ÿ‘21
๐Ÿ”… Guide to learn full-stack web development in 200 days
โค18๐Ÿ‘5
โŒจ๏ธ CSS shortcuts!!

Save time and make your code cleaner with these CSS shortcuts.
๐Ÿ‘17๐Ÿ”ฅ2