Creating a Hovered Gallery Effect with Flex Grow

https://github.com/atherosai/ui/tree/main/gallery-06


💎 Channel: @htmlcss_channels

💢 پنج پروژه front-end به همراه کد

1) YouTube clone
https://codingkite.com/design-responsive-youtube-home-page-clone/

2) contact us
https://codingkite.com/how-to-create-contact-us-page-using-html-css/

3) Netflix clone
https://codingkite.com/responsive-netflix-landing-page-in-html-css-js/

4) signup form
https://codingkite.com/create-responsive-sign-in-form-using-javascript/

5) image hover effect
https://codingkite.com/easiest-way-to-create-image-hover-effect-using-html/

#پروژه

💎 Channel: @htmlcss_channels

File Upload in #HTML & #CSS



💎 Channel: @htmlcss_channels

‼️چرا باید تایپ اسکریپت را یاد بگیریم؟

ممکن است این سوال برای توسعه‌دهندگان پیش آید که چرا با وجود زبان قدرتمندی مانند جاوا اسکریپت، نیاز به زبان دیگری مانند تایپ اسکریپت داریم. مزایای استفاده از زبان تایپ اسکریپت زمانی برای ما آشکارتر می‌شود که در پروژه‌های بزرگ ملزم به استفاده از جاوا اسکریپت باشیم. TypeScript به عنوان Superset زبان جاوا اسکریپت ارائه شده و هدف آن کدنویسی آسان با کم‌ترین میزان خطا و استفاده از ویژگی‌های پیشرفته‌ی زبان‌های شی‌گرا، جهت نوشتن برنامه‌های سمت سرور و سمت کاربر است. از طرفی، با توجه به سرعت بالای رشد و توسعه‌ی زبان‌های تحت وب، مرورگرها برای پشتیبانی و انتشار ویژگی‌های جدید در موتورهای خود، به مدت زمانی نسبتا طولانی نیاز دارند. اینجاست که بار دیگر #TypeScrip کارآیی خود را نشان می‌دهد. TypeScript با کتابخانه‌های محبوب جاوا اسکریپت مانند #ReactJS و #JQUERY سازگار است و پس از کامپایل، می‌توانید اطمینان حاصل کنید که خروجی نهایی کد شما با انواع مرورگرها سازگار خواهد بود. تایپ اسکریپت برای توسعه‌ی برنامه‌های AngularJS 2 توصیه شده است. بنابراین اگر علاقه‌مند به توسعه‌ی وب اپلیکیشن‌های خود با این فریم‌ورک هستید، می‌بایست ابتدا تایپ اسکریپت را فرا بگیرید زیرا برای نوشتن کدهای JavaScript درون انگولار از کدهای زبان TypeScript استفاده می‌شود. اگر اکنون با جاوا اسکریپت آشنایی دارید، مهاجرت به TypeScript برای شما مشکل‌ساز نخواهد بود؛ زیرا سینتکس TypeScript شباهت زیادی با Javascript و EC6 دارد و تمامی کدهای جاوا اسکریپت موجود، در تایپ اسکریپت معتبر شناخته می‌شوند. حتی می‌توانید با تغییر پسوند فایل‌ها از js به ts، از آن‌ها به عنوان کدهای تایپ‌اسکرپیت استفاده کنید.



💎 Channel: @htmlcss_channels

آموزش TypeScript در 4 ساعت - مقدماتی تا پیشرفته


منبع


💎 Channel: @htmlcss_channels

Responsive Chips Website Design Using #HTML #CSS And #JavaScript



💎 Channel: @htmlcss_channels

200+ mini-projects using #HTML, #CSS, and #JavaScript.👇

https://www.codewithrandom.com/javascript-projects/


#پروژه

💎 Channel: @htmlcss_channels

Dark Background | #HTML #CSS



💎 Channel: @htmlcss_channels

SVG Animated Check | #HTML #CSS




💎 Channel: @htmlcss_channels

100+ #Html- #Css Projects with Code

👇 
  
https://www.codewithrandom.com/html-css-projects-with-source-code/
  





#پروژه

💎 Channel: @htmlcss_channels

Responsive Admin Dashboard with Light & Dark Mode


In this tutorial, I'm going to show you how to use modern #HTML, #CSS, and #JavaScript to create a completely responsive admin dashboard with light and dark mode theme functionality. We'll be using CSS Variables, CSS Grid, CSS Flexbox, Media queries for our responsive design, and CSS  transitions and animations for some cool animation effects

Source Code : https://github.com/AsmrProg-YT/Dashboard-Designs 



💎 Channel: @htmlcss_channels

Pikachu | #HTML #CSS #JavaScript



💎 Channel: @htmlcss_channels