کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش پروژه های CSS Grid را برای ساخت وب سایت های دنیای واقعی مدرن تمرین کنید [ویدئو]

Practice CSS Grid Projects to Build Modern Real World Websites [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: با استفاده از مفاهیمی که در این دوره یاد می گیرید، می توانید کدنویسی و طراحی کنید. این ماژول ها هستند: ماژول 1 - ویژگی CSS Grid - این ماژول بنیاد است. ما به نحوه ساختن یک عنصر به صورت Grid Container نگاه خواهیم کرد تا بتوان آیتم های فرزند آن را دستکاری کرد. همچنین به موارد Grid و اهمیت آنها خواهیم پرداخت. در این ماژول، نحوه ایجاد ستون‌ها و ردیف‌های شبکه و نحوه استفاده از آنها برای چیدمان عناصر وب‌سایت به روش‌های ساده را بررسی خواهیم کرد. ماژول 2 - خطوط شبکه - در این ماژول، ما به یک مفهوم بسیار مهم - خطوط شبکه نگاه خواهیم کرد. این مفهوم را می توان برای ایجاد وب سایت های کامل که روی خطوط شبکه دو بعدی قرار می گیرند (از این رو نام آن) استفاده می شود. ما نحوه استفاده از خطوط شبکه برای ایجاد طرح‌بندی وب‌سایت را بررسی خواهیم کرد و سپس 2 پروژه طرح‌بندی وب‌سایت را نیز با استفاده از خطوط شبکه ایجاد خواهیم کرد. ما همچنین نحوه تراز کردن آیتم های شبکه یا عناصر وب سایت با استفاده از ویژگی های مختلف تراز شبکه را بررسی خواهیم کرد. ماژول 3 - مناطق شبکه - در این ماژول، یک مفهوم مهم دیگر - مناطق شبکه را بررسی خواهیم کرد. ما به این خواهیم پرداخت که چگونه می توانیم از مناطق شبکه ای برای ایجاد طرح بندی های پیچیده وب سایت بسیار ساده تر از خطوط شبکه استفاده کنیم. ما در این ماژول به بررسی 2 پروژه طراحی وب سایت دیگر خواهیم پرداخت. ماژول 4 - ایجاد یک وب سایت - پروژه در دنیای واقعی (غیر پاسخگو و پاسخگو) - در این ماژول، نحوه ایجاد یک وب سایت تجاری ساده و 2 ستونی را یاد خواهید گرفت، وب سایتی که شبیه به اکثر وب سایت های HTML کسب و کارهای کوچک موجود است. . همچنین یاد خواهید گرفت که چگونه آن را کاملاً پاسخگو کنید. تمامی کدها و فایل های پشتیبانی این دوره در آدرس زیر موجود است: https://github.com/PacktPublishing/Practice-CSS-Grid-Projects-to-Build-Modern-Real-World-Websites مفاهیم شبکه CSS با چندین پروژه برای عملی تجربه نحوه ایجاد 4+ طرح‌بندی که می‌توانند در وب‌سایت‌های مدرن و کاملاً واکنش‌گرا تبدیل شوند. نحوه طراحی وبلاگ، وب سایت تجاری، وب سایت نمونه کار و غیره تنها با چند خط کد شبکه ای CSS نحوه ایجاد طرح‌بندی وب دو بعدی حرفه‌ای تنها با چند خط کد نحوه ایجاد و طراحی وب سایت ها، از وبلاگ های ساده 2 ستونی تا طرح بندی های پیچیده وب سایت با چندین ستون و ردیف چگونه وب سایت خود را بدون استفاده از چارچوب های خارجی مانند بوت استرپ به یک وب سایت کاملاً واکنش گرا تبدیل کنید. نحوه ایجاد ویجت ها، چرخ فلک ها، برنامه ها، گالری ها، نوارهای ناوبری، آیتم های منو نحوه کنترل موقعیت، اندازه و فاصله هر تعداد عنصری که ایجاد می کنید بدون اینکه آنها را جمع کنید. این دوره برای یک طراح تازه کار است که می خواهد شروع به ایجاد وب سایت های بهتر کند، یک طراح وب واکنش گرا که در دنیای بوت استرپ گیر کرده و راه حل ساده تری می خواهد. یک طراح وب با تجربه که می خواهد راه ساده تری برای ایجاد طرح ها و طرح های وب سایت داشته باشد. فریلنسرها، کارمندان، دانشجویان - هر کسی می تواند دوره ما را بگذراند و از آن بهره مند شود. 1. ما دوست داریم در تدریس خود دقیق باشیم. همه چیزهایی را که برای شروع به ایجاد طرح‌ها و طرح‌بندی‌های وب عالی با کد/سینتکس Flexbox نیاز دارید، در این دوره پیدا خواهید کرد. لازم نیست جای دیگری را جستجو کنید. * 2. ما قویاً از یادگیری با انجام دادن حمایت می کنیم، نه فقط گوش دادن یا خواندن. سخنرانی های ما مملو از نمونه های فراوانی است که هر مفهومی را به وضوح توضیح می دهد.
سرفصل ها و درس ها

معرفی Introduction

  • معرفی Introduction

مبانی CSS Grid Basics of CSS Grid

  • مبانی CSS Grid - نمایش ویژگی و ظرف شبکه Basics of CSS Grid - Display property and grid container

  • آیتم های شبکه Grid items

  • ستون های شبکه Grid columns

  • ستون های شبکه - قسمت 2 Grid columns - part 2

  • ستون های شبکه - قسمت 3 - کسری Grid columns - part 3 – fractions

  • ردیف های شبکه ای Grid rows

  • ردیف های شبکه - قسمت 2 Grid rows - part 2

  • ویژگی ردیف‌های خودکار Grid Grid auto rows property

  • ویژگی Grid Auto rows - قسمت 2 Grid auto rows property - part 2

خطوط شبکه + 2 پروژه (2 طرح بندی وب سایت) Grid lines + 2 projects (2 website layouts)

  • خطوط شبکه - مقدمه Grid lines – intro

  • خطوط شبکه - ستون های شبکه و ویژگی های ردیف های شبکه Grid lines - grid columns and grid rows properties

  • خطوط شبکه - ستون های شبکه و ویژگی های ردیف های شبکه - قسمت 2 Grid lines - grid columns and grid rows properties - part 2

  • شبکه های تو در تو Nested grids

  • تراز - تراز کردن موارد Alignment - align items

  • تراز - موارد را توجیه کنید Alignment - justify items

  • تراز - محتوا را توجیه کنید Alignment - justify content

  • تراز - تراز کردن محتوا Alignment - align content

  • همسویی - خود را تراز کنید و خود را توجیه کنید Alignment - align self & justify self

  • پروژه شماره 1 - طرح بندی 1 Project #1 - Layout 1

  • پروژه شماره 1 - طرح 1 - قسمت 2 Project #1 - Layout 1 - part 2

  • پروژه شماره 1 - طرح 1 - قسمت 3 Project #1 - Layout 1 - part 3

  • پروژه شماره 2 - طرح 2 Project #2 - Layout 2

  • پروژه شماره 2 - طرح 2 - قسمت 2 Project #2 - Layout 2 - part 2

  • پروژه شماره 2 - طرح 2 - قسمت 3 Project #2 - Layout 2 - part 3

  • پروژه شماره 2 - طرح 2 - قسمت 4 Project #2 - Layout 2 - part 4

  • پروژه شماره 2 - طرح 2 - قسمت 5 Project #2 - Layout 2 - part 5

Grid Areas + 2 پروژه (2 طرح‌بندی وب‌سایت) Grid Areas + 2 projects (2 website layouts)

  • منطقه شبکه - مقدمه Grid area – intro

  • دارایی منطقه شبکه Grid area property

  • پروژه شماره 3 - طرح 3 Project #3 - Layout 3

  • پروژه شماره 3 - طرح 3 - قسمت 2 Project #3 - Layout 3 - part 2

  • پروژه شماره 3 - طرح 3 - قسمت 3 Project #3 - Layout 3 - part 3

  • پروژه شماره 4 - طرح 4 Project #4 - Layout 4

  • پروژه شماره 4 - طرح 4 - قسمت 2 Project #4 - Layout 4 - part 2

  • پروژه شماره 4 - طرح 4 - قسمت 3 Project #4 - Layout 4 - part 3

  • پروژه شماره 4 - طرح 4 - قسمت 4 Project #4 - Layout 4 - part 4

پروژه دنیای واقعی - وب سایت های دسکتاپ + موبایل Real world project - desktop + mobile websites

  • پروژه وب سایت دنیای واقعی – طراحی دسکتاپ – قسمت HTML Real world website project - desktop design - HTML part

  • پروژه وب سایت دنیای واقعی – طراحی دسکتاپ – سبک های پایه Real world website project - desktop design - basic styles

  • پروژه وب سایت دنیای واقعی - طراحی دسکتاپ - مناطق شبکه Real world website project - desktop design - grid areas

  • پروژه وب سایت دنیای واقعی - طراحی دسکتاپ - تراز کردن آن به درستی Real world website project - desktop design - aligning it right

  • پروژه وب سایت دنیای واقعی - طراحی دسکتاپ - استایل های بیشتر Real world website project - desktop design - more stylings

  • پروژه وب سایت دنیای واقعی – طراحی دسکتاپ – محتوا و سایدبار Real world website project - desktop design - content and sidebar

  • پروژه وب سایت دنیای واقعی – طراحی دسکتاپ – فوتر Real world website project - desktop design – footer

  • پروژه وب سایت دنیای واقعی – طراحی واکنش گرا Real world website project - responsive design

  • پروژه وب سایت دنیای واقعی – طراحی ریسپانسیو – قسمت دوم Real world website project - responsive design - part 2

  • پروژه وب سایت دنیای واقعی – طراحی ریسپانسیو – قسمت سوم Real world website project - responsive design - part 3

نمایش نظرات

نظری ارسال نشده است.

آموزش پروژه های CSS Grid را برای ساخت وب سایت های دنیای واقعی مدرن تمرین کنید [ویدئو]
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4 h 16 m
46
Packtpub packtpub-small
07 اسفند 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
از 5
ندارد
دارد
دارد

https://donyad.com/d/4f0bb6

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aarthi Elumalai Aarthi Elumalai

Aarthi Elumalai موسس DigiFisk است. در DigiFisk، آنها قصد دارند برنامه نویسی را سرگرم کننده و تعاملی کنند. اگر از تئوری های بی پایان خسته شده اید، به جای درستی آمده اید. با شروع دوره های سطح مبتدی در هر زبان برنامه نویسی یا زمینه ای، آنها شما را راهنمایی می کنند تا با چندین کلاس مبتنی بر پروژه در دنیای واقعی پیشرفت کنید تا شما را برای پیشرفت در دنیای واقعی مجهز کنند. سخنرانی‌های آن‌ها معمولاً مفصل است و چیزی را از قلم نمی‌اندازد، بنابراین برنامه‌نویسان مبتدی و پیشرفته می‌توانند از هر دوره چیزی یاد بگیرند. مطمئن شوید که از سفر خود به دنیای جذاب برنامه نویسی با DigiFisk لذت خواهید برد.

Packtpub یک ناشر دیجیتالی کتاب‌ها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرم‌افزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتاب‌ها، ویدیوها و دوره‌های آموزشی می‌پردازد که به توسعه‌دهندگان و متخصصان فناوری اطلاعات کمک می‌کند تا مهارت‌های خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامه‌نویسی، توسعه وب، داده‌کاوی، امنیت سایبری و هوش مصنوعی را پوشش می‌دهد. محتوای این منابع به صورت کاربردی و به‌روز ارائه می‌شود تا کاربران بتوانند دانش و توانایی‌های لازم برای موفقیت در پروژه‌های عملی و حرفه‌ای خود را کسب کنند.

Cloud & Networking Networking ابر و شبکه شبکه CSS CSS