Web design & ๐Ÿ˜ƒ development
29.3K subscribers
797 photos
35 videos
89 files
830 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
โค๏ธLet us know what type of content are you looking for??
๐Ÿ˜4โค2๐Ÿ‘1
๐ŸŒŸ๐ŸŒŸ20 passive income ideas for web developers ๐ŸŒŸ๐ŸŒŸ

Create a WordPress plugin and sell it on the WordPress Plugin Repository.

Build a web application and charge a subscription fee for access.

Develop and sell website templates on platforms like ThemeForest.

Write an eBook on web development and sell it on platforms like Amazon Kindle.

Create a course on web development and sell it on platforms like Udemy or Coursera.
Develop a web-based tool or app and charge a subscription fee for access.

Build a premium version of a free plugin or theme and sell it on your own website.

Create a premium version of a free web application or tool and sell it on your own website.

Develop and sell a custom WordPress theme to clients.

Create a membership site that provides access to exclusive web development resources.

Build a SaaS (Software as a Service) product and charge a monthly subscription fee.

Develop and sell mobile apps for iOS or Android.

Create and sell digital products like stock images or graphics on platforms like Creative Market.

Build a community site and charge a membership fee for access.

Offer premium support or consulting services to clients who purchase your products.

Develop and sell a website hosting service.

Create and sell a website monitoring tool.

Develop and sell a website security service.

Create and sell a website backup and recovery service.

Offer a website maintenance service to clients who want to outsource their website management.

๐ŸŒŸ๐ŸŒŸ20 passive income ideas for web developers ๐ŸŒŸ๐ŸŒŸ

Join on telegram
https://t.iss.one/WebsiteDesignLearningGroup
๐Ÿ‘18โค12๐Ÿ”ฅ2
Css em vs rem
#css
๐Ÿ‘14๐Ÿ‘3โค1
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.iss.one/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.iss.one/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