کتاب صوتی CSS for Space Exploration

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Space Exploration

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. Mission Briefing: What is CSS?
• 2. Establishing a Link to Mission Control (Linking CSS)
• 3. Inline, Internal, or External: Choosing Your Comms Channel
• 4. Communicating with Ground Control (Syntax & Comments)
• 5. Targeting Systems: Element Selectors
• 6. Precision Targeting: Class & ID Selectors
• 7. Multi-Target Lock: Grouping Selectors
• 8. Navigating Hierarchies: Descendant & Child Selectors
• 9. Adjacent & Sibling Targeting Systems
• 10. Universal Selector: Targeting All Known Objects
• 11. The Spacecraft's Hull: The Box Model Explained
• 12. Content: The Cargo Inside Your Ship
• 13. Padding: Internal Cushioning for a Smooth Ride
• 14. Borders: The Outer Armor of Your Components
• 15. Margin: Personal Space Between Spacecrafts
• 16. Cosmic Color Palette: Understanding Color Values (Hex, RGB)
• 17. Transparency in Space: RGBA & The Opacity Property
• 18. The Void of Space: The background-color Property
• 19. Views of Distant Galaxies: The background-image Property
• 20. Repeating Star Patterns: The background-repeat Property
• 21. Positioning Your View: The background-position Property
• 22. Sizing the Cosmos: The background-size Property
• 23. Starship Typography: The font-family Property
• 24. Setting Display Size: The font-size Property
• 25. Boldly Going: The font-weight Property
• 26. Italicizing Logs: The font-style Property
• 27. Mission Logs: The text-align Property
• 28. Decorating Your Text: The text-decoration Property
• 29. Letter Spacing: Creating Space Between Characters
• 30. Line Height: Vertical Space in Your Paragraphs
• 31. Controlling Overflow: Handling Excess Cargo
• 32. Engine Modes: The display Property (block, inline, inline-block)
• 33. Default Orbit: position: static
• 34. Adjusting Trajectory: position: relative
• 35. Absolute Coordinates in the Galaxy: position: absolute
• 36. Sticking to the Viewport: position: fixed
• 37. Docking Bay Headers: position: sticky
• 38. Layering Asteroids: The z-index Property
• 39. Measuring Distance: Absolute Units (px)
• 40. Measuring Relatively: Relative Units (em, rem)
• 41. Viewport Units: Sizing to the Cockpit Window (vh, vw)
• 42. Engaging the Flex Drive: Introduction to Flexbox
• 43. Main Axis vs. Cross Axis: Understanding Flexbox Directions
• 44. Choosing Your Direction: The flex-direction Property
• 45. Aligning on the Main Axis: The justify-content Property
• 46. Aligning on the Cross Axis: The align-items Property
• 47. Wrapping Crew Members: The flex-wrap Property
• 48. Growing Your Module: The flex-grow Property
• 49. Shrinking Your Module: The flex-shrink Property
• 50. Defining Base Size: The flex-basis Property
• 51. The Flex Shorthand Property
• 52. Overriding Alignment for a Single Item: The align-self Property
• 53. Ordering Your Crew: The order Property
• 54. Activating the Grid System: Introduction to CSS Grid
• 55. Defining Your Star Map: grid-template-columns & grid-template-rows
• 56. The Space Between Systems: The gap Property
• 57. Placing Planets Manually: grid-column & grid-row (Start/End)
• 58. Spanning Multiple Sectors: grid-column & grid-row (span)
• 59. Naming Your Quadrants: The grid-template-areas Property
• 60. Assigning Components to Quadrants: The grid-area Property
• 61. Grid Items Alignment: The justify-self Property
• 62. Grid Items Alignment: The align-self Property
• 63. The Viewport: Your Cockpit Window
• 64. Planetary Scanners: Introduction to Media Queries
• 65. Mobile-First Design: Building the Rover Before the Starship
• 66. Designing for Different Densities: Resolution Media Features
• 67. Fluid Grids: Layouts That Adapt
• 68. Flexible Images: Scaling Your Visuals
• 69. Hovering Over a Planet: The :hover Pseudo-class
• 70. Clicking a Control Button: The :active Pseudo-class
• 71. Visited Star Systems: The :visited Pseudo-class
• 72. First Contact: The :first-child Pseudo-class
• 73. The Last of its Kind: The :last-child Pseudo-class
• 74. Targeting Specific Crew Members: The :nth-child() Pseudo-class
• 75. Adding Stardust with ::before
• 76. Adding an Echo with ::after
• 77. Rotating the Ship: transform: rotate()
• 78. Engaging Warp Speed: transform: scale()
• 79. Shifting Position: transform: translate()
• 80. Shearing Spacetime: transform: skew()
• 81. Combining Transformations
• 82. Setting the Perspective: The transform-origin Property
• 83. Smooth Docking: The transition Property
• 84. Specifying the Transition Effect: transition-property
• 85. Setting the Duration: transition-duration
• 86. The Speed of Your Transition: transition-timing-function
• 87. Delaying Liftoff: transition-delay
• 88. Charting a Course: Introduction to @keyframes
• 89. Launching the Animation: The animation-name Property
• 90. Animation Duration and Delay
• 91. Controlling the Flow: The animation-timing-function Property
• 92. Looping Through Space: The animation-iteration-count Property
• 93. Animation Direction: Normal, Reverse, Alternate
• 94. The Central Command Console: CSS Custom Properties (Variables)
• 95. On-the-Fly Calculations: The calc() Function
• 96. Porthole Views: The clip-path Property
• 97. Nebula Effects: The filter Property
• 98. Styling Forms: Your Pre-flight Checklist
• 99. Styling Buttons: The Launch Control
• 100. Creating Tooltips with Pure CSS