⚡️ طراحی ماشین حساب با استفاده از 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
🔶در این پست می‌خوام دو روش برای بدست آوردن اطلاعات از یک وبسایت با python آموزش بدم
1⃣ روش اول با استفاده از کتابخانه request
اول از همه کتابخانه رو امپورت میکنیم بعد آدرس وبسایت رو میدم.
بعد یک درخواست get به وبسایت ارسال میکنیم و تمام جزییاتی که در صفحه اول وبسایت هست رو چاپ می‌کنه در خروجی.
2⃣ روش دوم با استفاده از کتابخانه های Request و BeautifulSoup
اول از همه این دو کتابخانه رو امپورت میکنیم بعد باز هم با استفاده از کتابخانه request یک درخواست get ارسال میکنیم.
بعد میگیم که اگه ریکوئست برابر با 200 باشه اینو چاپ کنه بعد با استفاده از کتابخانه BeautifulSoup میام سر فصل وبسایت رو میگیرم و در خروجی چاپ میکنم اگه که ارور داد برای شما در خروجی ارور را چاپ می‌کند.
#python #request #BeautifulSoup #web
Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
1⃣ روش اول با استفاده از کتابخانه request
import requests
# آدرس سایت مورد نظر
url = 'https://example.com'
response = requests.get(url)
print(response.text)
اول از همه کتابخانه رو امپورت میکنیم بعد آدرس وبسایت رو میدم.
بعد یک درخواست get به وبسایت ارسال میکنیم و تمام جزییاتی که در صفحه اول وبسایت هست رو چاپ می‌کنه در خروجی.
2⃣ روش دوم با استفاده از کتابخانه های Request و BeautifulSoup
import requests
from bs4 import BeautifulSoup
# آدرس وبسایت مورد نظر
url = 'https://emaple.com'
response = requests.get(url)
if response.status_code == 200:
soup = BeautifulSoup(response.text, 'html.parser')
noscript = soup.noscript.string
print('سرفصل وبسایت:', noscript)
else:
print('Error:', response.status_code)
اول از همه این دو کتابخانه رو امپورت میکنیم بعد باز هم با استفاده از کتابخانه request یک درخواست get ارسال میکنیم.
بعد میگیم که اگه ریکوئست برابر با 200 باشه اینو چاپ کنه بعد با استفاده از کتابخانه BeautifulSoup میام سر فصل وبسایت رو میگیرم و در خروجی چاپ میکنم اگه که ارور داد برای شما در خروجی ارور را چاپ می‌کند.
#python #request #BeautifulSoup #web
Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
❤5👨💻5
✍سیستمOpenAI قابلیت‌های تجزیه و تحلیل داده ChatGPT را به سطح کاملاً جدیدی رسانده است و سرعت عملیات کاوش و دستکاری داده‌ها را افزایش داده است.
🟣 این به‌روزرسانی جریان کار را بسیار ساده کرده است.بزرگترین تغییر ادغام با سرویس‌های ذخیره‌سازی ابری است.
🟣 همانطور که می‌دانید، دوران دانلود و آپلود فایل‌ها گذشته است.
🔴اکنون ChatGPT به شما امکان می‌دهد مستقیماً از گوگل درایو و مایکروسافت وان درایو به داده‌های خود دسترسی داشته باشید.
🤔تجسم داده‌ها نیز ارتقای عمده‌ای دریافت می‌کند. ChatGPT اکنون نماهای جداول و نمودارهای تعاملی را ارائه می‌دهد و به شما امکان می‌دهد در زمان واقعی اطلاعات خود را عمیق‌تر کنید.
💥مجله هوش مصنوعی عصر گویش: تلگرام
#programming #Ai
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🟣 این به‌روزرسانی جریان کار را بسیار ساده کرده است.بزرگترین تغییر ادغام با سرویس‌های ذخیره‌سازی ابری است.
🟣 همانطور که می‌دانید، دوران دانلود و آپلود فایل‌ها گذشته است.
🔴اکنون ChatGPT به شما امکان می‌دهد مستقیماً از گوگل درایو و مایکروسافت وان درایو به داده‌های خود دسترسی داشته باشید.
🤔تجسم داده‌ها نیز ارتقای عمده‌ای دریافت می‌کند. ChatGPT اکنون نماهای جداول و نمودارهای تعاملی را ارائه می‌دهد و به شما امکان می‌دهد در زمان واقعی اطلاعات خود را عمیق‌تر کنید.
💥مجله هوش مصنوعی عصر گویش: تلگرام
#programming #Ai
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👨💻7❤4
💡 آموزش کامل و رایگان Tkinter
تکینتر یکی از کتابخانه‌های پایتون برای ساخت برنامه‌های GUI هستش که کار کردن باهاش بسیار سادس، نیاز به نصب نداره و قابلیت‌های زیادی داره. البته یکم برنامه هایی که با tkinter ساخته میشه ظاهر قدیمی داره که اونو میشه با tkinter-designer و یا ttkbootstrap میشه این نقص رو از بین برد و برنامه‌های جذابی ساخت.
اگر میخواین این کتابخونه رو کامل و رایگان یاد بگیرین من بهتون آموزش زیر رو پیشنهاد میکنم . چون
کامله. البته باید یکم انگلیسی بلد باشین ❤️
برای ورود به سایت کلیک کنید
#tkinter #python #Site
Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
تکینتر یکی از کتابخانه‌های پایتون برای ساخت برنامه‌های GUI هستش که کار کردن باهاش بسیار سادس، نیاز به نصب نداره و قابلیت‌های زیادی داره. البته یکم برنامه هایی که با tkinter ساخته میشه ظاهر قدیمی داره که اونو میشه با tkinter-designer و یا ttkbootstrap میشه این نقص رو از بین برد و برنامه‌های جذابی ساخت.
اگر میخواین این کتابخونه رو کامل و رایگان یاد بگیرین من بهتون آموزش زیر رو پیشنهاد میکنم . چون
کامله. البته باید یکم انگلیسی بلد باشین ❤️
برای ورود به سایت کلیک کنید
#tkinter #python #Site
Channel ° @Cafe_Of_Code
Group ° @Cafe_Code_Gap
👨💻7❤4