16 پروژه با html و css و js

مقدمه

بسیاری از افرادی که شروع به یادگیری زبان های برنامه نویسی تحت وب می کنند خیلی زود وارد یک فریم ورک فرانت اند می شوند. یادگیری جاوا اسکریپت به خودی خود و درک نحوه عملکرد مدل شیء سند (درخت DOM) قبل از شروع به یادگیری فریم ورک های آن کاملا ضروری است.

در مورد CSS هم همین گونه است و باید قبل ورود به فریم ورک های آن مانند بوت استرپ اصول پایه ای و ویژگی‌های اصلی CSS مانند رنگ‌ها، تراز، بک گراوند، سایه‌ها و …. و  همچنین نحوه ایجاد طرح‌بندی‌های رسپانسیو صفحات وب با استفاده از مدیا کوئری ها و  ویژگی‌های پیشرفته تر  CSS مانند فلکس باکس، گرید سیستم،  انیمیشن‌ها، ترنزیشن ها  و موارد دیگر اطلاعات جامعی کسب و آنها را به صورت پایه ای و اصولی یاد بگیریم.

این دوره آموزشی با ایجاد انواع پروژه های دنیای واقعی طراحی و توسعه صفحات وب این موارد را به صورت کاملا پایه ای، اصولی، ساده و قابل فهم به شما می آموزد.

این دوره آموزشی کاملا پروژه محور است و برای افراد تازه کار طراحی شده است، اما توسعه دهندگان متوسط نیز می توانند از این دوره استفاده کنند زیرا نکات بسیار جالبی در طول دوره در پروژه های مختلف گنجانده شده و یادآوری می شود بنابراین  شما نیز می توانید  از ایجاد پروژه های جدید لذت ببرید.  این دوره شامل 50 پروژه کوچک در HTML، CSS و جاوا اسکریپت است که به درخت DOM (مدل شیء سند) مربوط می شود.

آموزش مبتنی بر پروژه برای تقویت مهارت های HTML، CSS و جاوا اسکریپت ایده آل برای دوستان عزیز که به دنبال چیزهایی برای ساخت پروژه های منحصر به فرد در یک بازه زمانی کوتاه هستند، انجام پروژه های کاربردی با flexbox، انیمیشن های CSS، گرید سیستم ها، ویژگی های سفارشی، نحوه طرح بندی رسپانسیو صفحات سایت ، کار با درخت DOM، رویدادها، آرایه ها، درخواست‌های HTTP و موارد دیگر در جاوا اسکریپت.

لیست پروژه های این دوره آموزشی در زیر آمده است:

پروژه اول: Transparent Navigation Bar

پروژه دوم: Login And Signup Form

پروژه سوم: analog clock

پروژه چهارم : 3D Flip Card

پروژه پنجم: Digital Clock

پروژه ششم: Mouse Events

پروژه هفتم: loading Bar

پروژه هشتم: Testimonial Slider

پروژه نهم: Navbar Menu

پروژه دهم: Sidebar Menu

پروژه یازدهم: Background Video

پروژه دوازدهم: Login And Signup Form

پروژه سیزدهم : Create A Modal

پروژه چهاردهم: Transparent Login Form With HSL Color

پروژه پانزدهم: Blurry Loading

پروژه شانزدهم: tags Production System