💥 اختلال شدید زیرساخت کشور همزمان با فیلترینگ شدید پروکسیهای تلگرام
#News #Net
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
#News #Net
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👍10🕊4
🔸 تگ dfn در HTML
🔸 تگ dfn که از کلمه Definition Element گرفته شده ، تگی است که با استفاده از آن میتوان اصطلاحات رو در یک صفحه وب تعریف کرد ، این تگ یجورایی شبیه تگ abbr می باشد ولی خب تگ dfn رو میشه به چندین روش ازش استفاده کرد.
🔸 مثال شماره 2 : استفاده از تگ dfn بهمراه صفت noscript
#Html #Css
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🔸 تگ dfn که از کلمه Definition Element گرفته شده ، تگی است که با استفاده از آن میتوان اصطلاحات رو در یک صفحه وب تعریف کرد ، این تگ یجورایی شبیه تگ abbr می باشد ولی خب تگ dfn رو میشه به چندین روش ازش استفاده کرد.
<body>
<p><dfn>HTML</dfn> Is Language For Creating Web Pages</p>
</body>
🔸 مثال شماره 2 : استفاده از تگ dfn بهمراه صفت noscript
<body>
<p><dfn noscript="HyperText Markup Language">HTML</dfn> Is Language For Creating Web Pages</p>
</body>
#Html #Css
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤7👍4
⚡️ طراحی ماشین حساب با استفاده از Html Css 🔥
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🔥7👍3👨💻3🕊2
⚡️ 100 روز ، 100 پروژه HTML ، CSS و جاوا اسکریپت رایگان (به همراه کد)🔥
برای ورود به سایت کلیک کنید
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
برای ورود به سایت کلیک کنید
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
CodeWithRandom
100 Day , 100 HTML CSS JavaScript Projects
With this 100 days of code, you will learn frontend well and learn to create great projects by yourself. You can also add these projects to your resume and
👨💻5
✨ چگونه رنگ body رو عوض کنیم🧐
💥 خب توی این پست می‌خوام که کامل توضیح دهم شما شاید در بعضی از وبسایت ها دیده باشید که body یا هم هر قسمت از سایت داره رنگ رو عوض می‌کنه بصورت اتومات خب شما میتوانید این رو با استفاده از css به کار بگیرید کد زیر رو داخل فایل html تون وارد کنید ؛
و تمام ❤️
#color #css #background
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
💥 خب توی این پست می‌خوام که کامل توضیح دهم شما شاید در بعضی از وبسایت ها دیده باشید که body یا هم هر قسمت از سایت داره رنگ رو عوض می‌کنه بصورت اتومات خب شما میتوانید این رو با استفاده از css به کار بگیرید کد زیر رو داخل فایل html تون وارد کنید ؛
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<noscript>Document</noscript>
<style>
body{
background-color: linear-gradient (to right,deeppink,yellow);
background-size: 400% 400%;
animation: bodycolor 4s infinite;
}
@keyframes bodycolor{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
</style>
</head>
<body>
</body>
</html>
خب ببینید اول از همه اومدم body رو انتخاب کردم بعد با استفاده از background-color و linear-gradient اومدم گفتم که به سمت راست این دو تا رنگ رو قرار بده خب بعد اومدم گفتم که background size رو 400% در 400% قرار بده اومدم یک انیمیشن تعریف کردم بنام bodycolor و با استفاده از keyframes در حرکت قرار دادم .
و تمام ❤️
#color #css #background
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤7👨💻3
✨ پاول دوروف :
بزودی پست کانال های تلگرام با زدن هشتگ وارد سرچ میشه و میتونید پست های زیادی رو با زدن رو یه هشتگ ببینید🔥
مثل اینستاگرام
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
بزودی پست کانال های تلگرام با زدن هشتگ وارد سرچ میشه و میتونید پست های زیادی رو با زدن رو یه هشتگ ببینید🔥
مثل اینستاگرام
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🔥11👍3👨💻3
بارش در مشهد در ۲۰۰ سال گذشته بی‌سابقه بوده است
#News
#News
💔8❤4😍1
🔸تگ aside در HTML
تگ aside تگی است که ما با استفاده از آن میتوانیم یک محتوای مرتبط با محتوای اصلی وبسایت ایجاد نماییم.
🔸در بخش قبلی ما با تگ article آشنا شدیم و دیدیم که این تگ میتونه مطالب اصلی سایت ( پست های سایت ) رو ایجاد نماید حال ما با استفاده از تگ aside میتونیم محتوایی را که مرتبط با محتوای موجود در تگ article هست ایجاد نماییم به همین سادگی تموم شد رفت.
🔸اگر به سایت های موجود در اینترنت توجه کرده باشید همیشه [ معمولا / اکثرا ] دارای یک ستون کناری هستند که در اون ستون یکسری لینک ،تصاویر و.. قرار میگیرد، خب همین میتونه از طریق تگ aside ایجاد شود
🔸مثال از تگ aside در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
🔸مثال شماره ۱ : استفاده از تگ aside درون تگ article ( استایل دادن با استفاده از زبان CSS )
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
تگ aside تگی است که ما با استفاده از آن میتوانیم یک محتوای مرتبط با محتوای اصلی وبسایت ایجاد نماییم.
🔸در بخش قبلی ما با تگ article آشنا شدیم و دیدیم که این تگ میتونه مطالب اصلی سایت ( پست های سایت ) رو ایجاد نماید حال ما با استفاده از تگ aside میتونیم محتوایی را که مرتبط با محتوای موجود در تگ article هست ایجاد نماییم به همین سادگی تموم شد رفت.
🔸اگر به سایت های موجود در اینترنت توجه کرده باشید همیشه [ معمولا / اکثرا ] دارای یک ستون کناری هستند که در اون ستون یکسری لینک ،تصاویر و.. قرار میگیرد، خب همین میتونه از طریق تگ aside ایجاد شود
🔸مثال از تگ aside در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
🔸مثال شماره ۱ : استفاده از تگ aside درون تگ article ( استایل دادن با استفاده از زبان CSS )
html#html #css
<body dir="rtl">
<article class="mypost">
<h1>سایت آموزشی فری لرن</h1>
<p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p>
<p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p>
<aside class="myaside">
<h4>زبان HTML</h4>
<p>زبان HTML مخفف Hyper Text Markup Language یه زبان مادر برای طراحی صفحات وب می باشد.</p>
</aside>
<p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p>
<p>در سایت آموزشی فری لرن میتونید به راحتی و بصورت کاملا رایگان از 0 تا 100 زبان HTML رو یاد بگیرید.</p>
</article>
</body>
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👍8👨💻4
◽️ Next.js
- نکست.جی اس (Next.js) یک فریم‌ورک رایگان و Open-Source است که می‌تواند امکانات خوبی را برای کار کردن با کتابخانه‌های React به زبان جاوا اسکریپت در اختیار ما قرار دهد.
- البته با این تفاوت که بعد از استفاده از React و ایجاد صفحات وب نیتیو، این فریم‌ورک کاری می‌کند که پردازش‌ها در سمت سرور انجام شود.
🔸️ خود این فریم‌ورک با استفاده از Node.js ساخته شده است و از یک هسته قوی برای رندر کردن‌های سمت سرور خود استفاده می‌کند.
⚜️ ویژگی های Next.js:
● صفحه سازی در سمت سرور (Server-side Rendering)
● ناوبری فایل محور (File-based Routing)
● توانایی فول‌استک (Fullstack Capabilities)
#Back_end #programming #information
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
- نکست.جی اس (Next.js) یک فریم‌ورک رایگان و Open-Source است که می‌تواند امکانات خوبی را برای کار کردن با کتابخانه‌های React به زبان جاوا اسکریپت در اختیار ما قرار دهد.
- البته با این تفاوت که بعد از استفاده از React و ایجاد صفحات وب نیتیو، این فریم‌ورک کاری می‌کند که پردازش‌ها در سمت سرور انجام شود.
🔸️ خود این فریم‌ورک با استفاده از Node.js ساخته شده است و از یک هسته قوی برای رندر کردن‌های سمت سرور خود استفاده می‌کند.
⚜️ ویژگی های Next.js:
● صفحه سازی در سمت سرور (Server-side Rendering)
● ناوبری فایل محور (File-based Routing)
● توانایی فول‌استک (Fullstack Capabilities)
#Back_end #programming #information
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤7👨💻3
Ghaaf
Arianfar
- غصّه رو با قاف مینویسم شاید خوابم ببره؛
GoodNight✨️
#پادکست
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
GoodNight✨️
#پادکست
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤6💔3
یک جمله با زبان برنامه نویسی جاوا :
در یک کلام
تا زنده ای زندگی رو شروع کن ( زندگی کن )
#programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
if (live == true) {
StartActivity(Life);}در یک کلام
تا زنده ای زندگی رو شروع کن ( زندگی کن )
#programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤7🔥5
✨ فکت :
🐬 مهم‌ترین چیز در ارتباط با یک زبون برنامه‌نویسی ، اسمش هست ؛
⚡️ یک زبون برنامه‌نویسی که اسم خوبی نداشته باشد نمی‌تونه موفق بشه .
💥 قبول دارین ؟
#Fact #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🐬 مهم‌ترین چیز در ارتباط با یک زبون برنامه‌نویسی ، اسمش هست ؛
⚡️ یک زبون برنامه‌نویسی که اسم خوبی نداشته باشد نمی‌تونه موفق بشه .
💥 قبول دارین ؟
#Fact #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤9🔥3💔1