Html and Css & Jsآموزش

🔹 دوره آموزشی «هوش تجاری (Business Intelligence)» 🦾 مناسب کلیه رشته‌ها و استخدام در #ایران 📌 مناسب برای مهاجرت شغلی یا تحصیلی به #آمریکا، #اروپا و #استرالیا 🟢 آموزش #آنلاین و با موردکاوی‎های واقعی و پروژه 🎚️ مخاطبان: ⏺ دانشجویان کلیه رشته‌های تحصیلی ⏺ علاقمندان به تحلیلگری داده و کسب و کار ⏺ مدیران و کارشناسان شرکتها در تمامی لایه ها 🏛 موسسه آموزش عالی آزاد توسعه ✅ با گواهینامه مورد تایید وزارت علوم، تحقیقات و فناوری 📌 مشاوره رایگان و مشاهده جزئیات دوره: ➡️ httb.ir/4C8OJ ➡️ httb.ir/4C8OJ ➡️ httb.ir/4C8OJ ➖➖

New Animation | HTML CSS

🔹 دوره آموزشی «علـــــم داده (Data Science)» 🟢 اهداف دوره: ⏺ تربیت متخصص #دیتا_ساینس و تحلیل داده ⏺ پیاده‌سازی علم داده به صورت کاربردی ⏺ آماده‌سازی و تقویت دانشجویان برای اشتغــال یا تحصیل ⏺ ارتقاء رزومه دانش‌پذیران ✅ آموزش با نرم افزارها و زبــان‌های R، Python و SQL 🔥 نیاز روز بــــازار کــــار ایــــــران و خـــارج 🔬 آموزش #آنلاین به همراه انجام پروژه و موردکاوی‎های واقعی 🏛 موسسه آموزش عالی آزاد توسعه ✅ با گواهینامه مورد تایید وزارت علوم، تحقیقات و فناوری 📌 مشاوره رایگان و مشاهده جزئیات دوره: ➡️ httb.ir/Pd7op ➡️ httb.ir/Pd7op ➡️ httb.ir/Pd7op ➖➖➖➖

رفقای عزیز داخل کانال👋 یه خبر خوب براتون داشتم 🤩 آکادمی سبزلرن ۶۰ درصد تخفیف ویژه + هدیه به ارزش 7 میلیون گذاشته ( گفتن دیگه تکرارش نمی‌کنیم ) ✅ دوره پروژه محور متخصص جنگو ✅ پروژه های کاربردی با پایتون ✅ آموزش الگوریتم و ساختمان داده به زبان ساده و کلی دوره های مفید دیگه... کلی دوره دیگه هم توی سایتشون دارن که آمادت میکنن برای بازار کار ⌛️ فرصتش محدوده هدیه 7 میلیونی که خیلی خاصه رو از دست نده برای دیدن دوره ها روی لینک زیر بزنید👇👇👇 B2n.ir/sabzlearn_max B2n.ir/sabzlearn_max

حفظ کردن کدهای برنامه‌نویسی کار دشواریه و البته دشوارتر از اون جستجو به دنبال یک تکه کد خاصه ، نیازی به حفظ کردن همه‌ی کدها نیست چون به راحتی می‌تونید با استفاده از یک برگه تقلب به کدهای مورد نظرتون برسید این چیت شیت ها رو سیو کنید که خیلی به کارتون میاد برگه تقلب HTML و XHTML HTML XHTML Tag Sheet HTML Cheat Sheet برگه تقلب HTML5 HTML5 Cheat Sheet برگه تقلب HTML5 Canvas HTML5 Canvas Cheat Sheet برگه تقلب CSS CSS Cheat Sheet CSS 2 Cheat Sheet CSS 3 Cheat Sheet برگه تقلب JavaScript JavaScript Cheat Sheet

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.insta {
  width: 150px;
  height: 150px;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  border-radius: 35px;
  display: grid;
  place-items: center;
}

.innerbox {
  width: 120px;
  height: 120px;
  border: 10px solid #fff;
  border-radius: 32px;
  display: grid;
  place-items: center;
  position: relative;
}

.innerbox::before {
  content: "";
  width: 45px;
  height: 45px;
  border: 10px solid #fff;
  border-radius: 50%;
  background: transparent;
  position: absolute;
}

.innerbox::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 8px;
  right: 10px;
}

💎 Channel: @htmlcss_channels

رفقای عزیز داخل کانال👋 یه خبر خوب براتون داشتم 🤩 آکادمی سبزلرن ۶۰ درصد تخفیف ویژه + هدیه به ارزش 7 میلیون گذاشته ( گفتن دیگه تکرارش نمی‌کنیم ) ✅ دوره پروژه محور متخصص جنگو ✅ پروژه های کاربردی با پایتون ✅ آموزش الگوریتم و ساختمان داده به زبان ساده و کلی دوره های مفید دیگه... کلی دوره دیگه هم توی سایتشون دارن که آمادت میکنن برای بازار کار ⌛️ فرصتش محدوده هدیه 7 میلیونی که خیلی خاصه رو از دست نده برای دیدن دوره ها روی لینک زیر بزنید👇👇👇 B2n.ir/sabz_learnpy B2n.ir/sabz_learnpy

Simple implementation of Dropdown Menu in HTML & CSS HTML:

  <div class="dropdown">
    <button class="dropbtn">Menu</button>
    <div class="dropdown-content">
      <a href="#">Home</a>
      <a href="#">About</a>
      <a href="#">Contact</a>
    </div>
  </div>

CSS:

.dropdown {
  position: relative;
  left: 200px;
  top: 200px;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

.dropdown-content a {
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

با ری اکشن بهمون انرژی بدید❤️ 💎 Channel: @htmlcss_channels

🚀 8اُمین رویداد جامع هوش مصنوعی اسمارتک ⏰ بیش از ۱۸۰ ساعت آموزش آنلاین در جامع ترین دوره هوش مصنوعی کشور ⭐️ رزومه سازی در Kaggle ,  Github , LinkedIn مناسب جهت اخذ پروژه و مهاجرت ⭐️ شبکه سازی و تیم سازی تخصصی ⭐️ تشکیل و شتابدهی استارتاپ ⭐️ زمینه سازی جهت ورود به کسب و کار بین المللی 🎊 دریافت امتیاز بنیاد ملی نخبگان توسط افراد برتر ‼️ به جای آموزش های جزیره ای، اینبار متمرکز شو 👩🏻‍🚀 جهت دریافت مشاوره رایگان با شماره تلفن 09936511388 تماس حاصل فرمایید ویا نام نام‌خانوادگی خود را پیامک کنید. 🙏🏻 🔗 برای کسب اطلاعات بیشتر و ثبت نام به لينک مراجعه کنید. 🆔 Telegram 🆔 Instagram 🌐 www.iransmartech.com •┈┈••••✾•🌿🌺🌿•✾•••┈┈• ✨شتابدهنده هوش مصنوعی اسمارتک✨

HTML & CSS

خب نشون دادید که مشارکتتون برای حل مسئله خوبه از این مدل پستها هم میذارم چطوره کد بفرستم جوابو حدس بزنید؟ 🤔 اما دقتتون بیشتر از امروز باشه 😬 جواب  cascading Style Sheets  هست که تو گزینه ها نبود قرار بود گزینه ۴ جواب باشه که کیبورد گوشی کلمه رو اصلاح کرد و گزینه ۲ و ۴ یکسان شده 🆔 @htmlcss_channels

Smoke | HTML CSS

```

body {
    margin: 0;
    padding: 0;
    background: lightblue;
}

div {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: #3AC371;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.white {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3);
}


.white::before {
    content: "";
    top: 65px;
    left: -15px;
    border-width: 20px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    transform: rotate(-50deg) rotateX(-55deg);
}

.white::after {
    content: "";
    top: 63px;
    left: -4px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #3AC371 transparent transparent;
    position: absolute;
    transform: rotate(-51deg) rotateX(-50deg);
}

.fas {
    left: 17px;
    top: 18px;
    position: absolute;
    font-size: 35px;
    color: #fff;
    transform: rotate(90deg);
}

```

JavaScript Code For Movie Website:-

const APIURL = "https://api.themoviedb.org/3/discover/movie?sort_by=popularity.desc&api_key=04c35731a5ee918f014970082a0088b1&page=1";

const IMGPATH = "https://image.tmdb.org/t/p/w1280";

const SEARCHAPI = "https://api.themoviedb.org/3/search/movie?&api_key=04c35731a5ee918f014970082a0088b1&query=";

// ye HTML WALE TAG

const main = document.getElementById("main");

const form = document.getElementById("form");

const search = document.getElementById("search");

///initalyy get fav movies

getMovies(APIURL);

async function getMovies(url) {

const resp = await fetch(url);

const respData = await resp.json();

// movie aa gyi

console.log(respData);

// yaha pe show karenge

showMovies(respData.results);

}

function showMovies(movies) {

//clear main

main.innerHTML = "";

movies.forEach((movie) => {

const { poster_path, title, vote_average, overview } = movie;

// raja

const movieEl = document.createElement("div");

movieEl.classList.add("movie");

movieEl.innerHTML = 

<img src="${IMGPATH + poster_path}" alt="${title}"/>

<div class="movie-info">

<h3>${title}</h3>

<span class="${getClassByRate(vote_average)}">${vote_average}</span>

</div> 

<div class="overview">

<h2>Overview:</h2>

${overview}

</div>

;

main.appendChild(movieEl)

});

}

function getClassByRate(vote) {
return 'green';

} else if (vote >= 5) {

return 'orange'

} else {

return 'red';

}

}

form.addEventListener("submit", (e) => {

e.preventDefault();

const searchTerm = search.value;

if (searchTerm) {

getMovies(SEARCHAPI + searchTerm);

search.value = "";

}

});

💎 Channel: @htmlcss_channels