آموزش CSS: ترکیب Grid و Flexbox
CSS: Combining Grid and Flexbox
با Grid و Flexbox ، CSS به طرز چشمگیری تغییر می کند. در حالی که در گذشته ، ایجاد طرح بندی های پیچیده به انواع هک های CSS ، جاوا اسکریپت یا هر دو نیاز داشت ، اکنون می توانید از Flexbox و Grid - ابزارهایی که به طور خاص برای طرح بندی طراحی شده اند - برای ایجاد صفحات وب پاسخگو با طرح بندی دقیق و سفارشی استفاده کنید. در این دوره ، امیلی کی اصول اولیه Flexbox و Grid را به طور جداگانه ، از نحو تا ویژگی ها و نحوه عملکرد آنها به طور کلی ، پوشش می دهد. پس از آن ، او مواردی را توضیح می دهد که ممکن است لازم باشد از هر دو برای رسیدن به اهداف طرح خود استفاده کنید. همانطور که امیلی نشان می دهد ، وقتی از Flexbox و Grid برای ترکیب نقاط قوت جداگانه خود استفاده می کنید ، می توانید محتوای پیچیده وب را به روشی زیبا و کاربرپسند ایجاد و نمایش دهید.
معرفی Introduction
-
طرح بندی وب سفارشی با Grid و Flexbox Custom web layouts with Grid and Flexbox
-
استفاده از فایل های تمرینی Using the exercise files
-
آنچه باید بدانید What you should know
-
استفاده از ابزارهای توسعه Using development tools
1. فلکس چیست؟ 1. What Is Flex?
-
Flexbox چیست؟ What is Flexbox?
-
نحو Flexbox Flexbox syntax
-
ویژگی های ظرف Flexbox Flexbox container properties
-
ویژگی های مورد Flexbox Flexbox item properties
-
استفاده از Flexbox: Challenge Using Flexbox: Challenge
-
استفاده از Flexbox: راه حل Using Flexbox: Solution
2. گرید چیست؟ 2. What is Grid?
-
گرید چیست؟ What is Grid?
-
نحو شبکه ای Grid syntax
-
Grid چگونه کار می کند؟ How does Grid work?
-
ویژگی های ظرف شبکه Grid container properties
-
ویژگی های مورد شبکه Grid item properties
-
توابع و کلمات کلیدی Functions and keywords
-
استفاده از Grid: Challenge Using Grid: Challenge
-
استفاده از شبکه: راه حل Using Grid: Solution
3. ترکیب فناوری ها 3. Combining Technologies
-
شبکه در مقابل Flexbox Grid vs. Flexbox
-
ترکیب Flexbox و Grid Combining Flexbox and Grid
-
تجزیه و تحلیل طرح بندی Analyzing a layout
-
انتخاب راه حل مناسب برای کار Choosing the right solution for the job
-
استفاده از Grid و Flexbox: Challenge Using Grid and Flexbox: Challenge
-
استفاده از Grid و Flexbox: راه حل Using Grid and Flexbox: Solution
4. ایجاد یک صفحه وب با استفاده از Flexbox و Grid 4. Build a Webpage Using Flexbox and Grid
-
نمای کلی پروژه Overview of the project
-
سرصفحه صفحه وب با بخش قهرمان Webpage header with hero section
-
یک منوی همبرگر برای تلفن همراه ایجاد کنید Create a hamburger menu for mobile
-
یک منوی افقی برای رایانه های رومیزی ایجاد کنید Create a horizontal menu for desktops
-
کارتهای وب ، قسمت 1 Web cards, part 1
-
کارت های وب ، قسمت 2 Web cards, part 2
-
خلاصه CTA CTA summaries
-
بخش تیم برای تلفن همراه Team section for mobile
-
بخش تیم برای رایانه های رومیزی Team section for desktops
-
بخش مشکل Problem section
-
اشیاء رسانه ای برای تلفن همراه Media objects for mobile
-
اشیاء رسانه ای برای دسکتاپ Media objects for desktop
-
گالری تصاویر Picture gallery
-
پاورقی برای صفحه نمایش بزرگ Footer for large screen
-
پاورقی برای صفحه نمایش بزرگ فوق العاده Footer for extra large screens
5. ایجاد یک فرم با استفاده از Flexbox و Grid 5. Build a Form Using Flexbox and Grid
-
نمای کلی پروژه Overview of project
-
فرم برای موبایل Form for mobile
-
فرم برای دسکتاپ Form for desktops
6. پشتیبانی 6. Support
-
سازگاری و منابع Compatibility and resources
-
پرس و جوهای ویژگی Feature queries
نتیجه Conclusion
-
مراحل بعدی Next steps
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/84c4
آموزش فروش به صنایع: تولید
Selling into Industries: Manufacturing
مهارت ها و استراتژی هایی را بیاموزید که می توانند به شما کمک کنند هنگام فروش به خریداران تولید ، ارزش خود را به روشنی اعلام کنید - و معاملات بیشتری را ببندید.
آموزش حسابداری هزینه: تجزیه و تحلیل سودآوری محصول
Cost Accounting: Analyzing Product Profitability
بیاموزید که چگونه سودآوری محصولات خود را تعیین کنید و چگونه برای دستیابی به اهداف تجاری خود عملکرد محصول خود را برنامه ریزی کنید.
آموزش درسهایی در رهبری روشنگری
Lessons in Enlightened Leadership
به کارولین اورسون ، معاون راه حل های بازاریابی جهانی در فیس بوک بپیوندید ، زیرا او نکاتی را برای هدایت با اصالت ، آسیب پذیری و سخاوت بیشتر به اشتراک می گذارد.
آموزش ایده های خود را به صورت استراتژیک بیان کنید
Pitching Your Ideas Strategically
بیاموزید که چگونه ایده های خود را به صورت استراتژیک مطرح کنید. برای تهیه سخنرانی ، خواندن اتاق ، زمان تحویل ، و پیشبرد ایده خود نکاتی را دریافت کنید.
Emily Kay
توسعه دهنده وب و طراح گرافیک
امیلی کی یک توسعه دهنده وب و طراح گرافیک است که در منطقه کالج Community San Diego تدریس می کند.
امیلی از اوایل دهه 1990 در عرصه هنرهای دیجیتال کار می کند. او وارد طراحی گرافیکی شد و با فشار دادن پیکسل ها آشنا شد. وسواس او در طراحی گرافیک او را به سمت طراحی و توسعه وب سوق داد. او از آن زمان در این صنعت کار کرده است و تلاشهای فعلی وی شامل کمک به مشتریان و شرکتهای مختلف در راه حلهای مبتنی بر گرافیک و مبتنی بر وب و همچنین تدریس برای منطقه کالج محلی سان دیگو است. یکی از بزرگترین لذت های او به اشتراک گذاشتن دانش خود در زمینه فناوری های گرافیکی و وب با دیگران است. او زمان زیادی را صرف نوشتن کد و ایجاد تصاویری قدرتمند می کند.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.