{"id":312306,"date":"2025-12-04T06:42:53","date_gmt":"2025-12-04T07:42:53","guid":{"rendered":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/"},"modified":"2025-12-21T21:00:40","modified_gmt":"2025-12-21T22:00:40","slug":"supercourse-0000018811","status":"publish","type":"product","link":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/","title":{"rendered":"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS"},"content":{"rendered":"
\n

\ud83c\udf93 \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062c\u0627\u0645\u0639<\/h2>\n<\/p><\/div>\n
\n

\ud83d\udcda \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0648\u0631\u0647<\/h3>\n

\u0639\u0646\u0648\u0627\u0646 \u062f\u0648\u0631\u0647:<\/strong> The Art of Responsive Web Design with CSS<\/p>\n

\u0645\u0648\u0636\u0648\u0639 \u06a9\u0644\u06cc:<\/strong> \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc<\/p>\n

\u0645\u0648\u0636\u0648\u0639 \u0645\u06cc\u0627\u0646\u06cc:<\/strong> CSS<\/p>\n<\/div>\n

\n

\ud83d\udccb \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u062f\u0648\u0631\u0647 (100 \u0645\u0648\u0636\u0648\u0639)<\/h3>\n
    \n
  • \n 1.<\/span> CSS \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0645\u0647\u0645 \u0627\u0633\u062a\u061f\n <\/li>\n
  • \n 2.<\/span> \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 CSS\n <\/li>\n
  • \n 3.<\/span> CSS \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f\u061f\n <\/li>\n
  • \n 4.<\/span> \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u06a9 \u0642\u0627\u0646\u0648\u0646 CSS\n <\/li>\n
  • \n 5.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc CSS (Selectors)\n <\/li>\n
  • \n 6.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (Universal Selector)\n <\/li>\n
  • \n 7.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0646\u0648\u0639 (Type\/Element Selectors)\n <\/li>\n
  • \n 8.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u06a9\u0644\u0627\u0633 (Class Selectors)\n <\/li>\n
  • \n 9.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0634\u0646\u0627\u0633\u0647 (ID Selectors)\n <\/li>\n
  • \n 10.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0635\u0641\u062a\u06cc (Attribute Selectors)\n <\/li>\n
  • \n 11.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc (Combinator Selectors)\n <\/li>\n
  • \n 12.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062a\u0648\u062f\u0631\u062a\u0648 (Descendant Selector)\n <\/li>\n
  • \n 13.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0641\u0631\u0632\u0646\u062f \u0645\u0633\u062a\u0642\u06cc\u0645 (Child Selector)\n <\/li>\n
  • \n 14.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631 \u0645\u062c\u0627\u0648\u0631 (Adjacent Sibling Selector)\n <\/li>\n
  • \n 15.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631 \u0639\u0645\u0648\u0645\u06cc (General Sibling Selector)\n <\/li>\n
  • \n 16.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0634\u0628\u0647 \u06a9\u0644\u0627\u0633 (Pseudo-classes)\n <\/li>\n
  • \n 17.<\/span> :hover\n <\/li>\n
  • \n 18.<\/span> :focus\n <\/li>\n
  • \n 19.<\/span> :active\n <\/li>\n
  • \n 20.<\/span> :visited\n <\/li>\n
  • \n 21.<\/span> :link\n <\/li>\n
  • \n 22.<\/span> :first-child\n <\/li>\n
  • \n 23.<\/span> :last-child\n <\/li>\n
  • \n 24.<\/span> :nth-child()\n <\/li>\n
  • \n 25.<\/span> :nth-of-type()\n <\/li>\n
  • \n 26.<\/span> :not()\n <\/li>\n
  • \n 27.<\/span> \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u0634\u0628\u0647 \u0639\u0646\u0635\u0631 (Pseudo-elements)\n <\/li>\n
  • \n 28.<\/span> ::before\n <\/li>\n
  • \n 29.<\/span> ::after\n <\/li>\n
  • \n 30.<\/span> ::first-letter\n <\/li>\n
  • \n 31.<\/span> ::first-line\n <\/li>\n
  • \n 32.<\/span> ::selection\n <\/li>\n
  • \n 33.<\/span> \u0648\u0627\u062d\u062f\u0647\u0627 \u062f\u0631 CSS (Units)\n <\/li>\n
  • \n 34.<\/span> \u0648\u0627\u062d\u062f \u0645\u0637\u0644\u0642 (Absolute Units) – px, pt, cm, mm, in\n <\/li>\n
  • \n 35.<\/span> \u0648\u0627\u062d\u062f \u0646\u0633\u0628\u06cc (Relative Units) – %, em, rem, vw, vh, vmin, vmax\n <\/li>\n
  • \n 36.<\/span> \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0646\u06af \u062f\u0631 CSS (Colors)\n <\/li>\n
  • \n 37.<\/span> \u0646\u0627\u0645 \u0647\u0627\u06cc \u0631\u0646\u06af (Color Names)\n <\/li>\n
  • \n 38.<\/span> \u0645\u0642\u0627\u062f\u06cc\u0631 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 (Hexadecimal Values)\n <\/li>\n
  • \n 39.<\/span> \u0645\u0642\u0627\u062f\u06cc\u0631 RGB (RGB Values)\n <\/li>\n
  • \n 40.<\/span> \u0645\u0642\u0627\u062f\u06cc\u0631 RGBA (RGBA Values)\n <\/li>\n
  • \n 41.<\/span> \u0645\u0642\u0627\u062f\u06cc\u0631 HSL (HSL Values)\n <\/li>\n
  • \n 42.<\/span> \u0645\u0642\u0627\u062f\u06cc\u0631 HSLA (HSLA Values)\n <\/li>\n
  • \n 43.<\/span> \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627 (Backgrounds)\n <\/li>\n
  • \n 44.<\/span> background-color\n <\/li>\n
  • \n 45.<\/span> background-image\n <\/li>\n
  • \n 46.<\/span> background-repeat\n <\/li>\n
  • \n 47.<\/span> background-position\n <\/li>\n
  • \n 48.<\/span> background-size\n <\/li>\n
  • \n 49.<\/span> background-attachment\n <\/li>\n
  • \n 50.<\/span> background-origin\n <\/li>\n
  • \n 51.<\/span> background-clip\n <\/li>\n
  • \n 52.<\/span> background-blend-mode\n <\/li>\n
  • \n 53.<\/span> \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062a\u0646 (Text Properties)\n <\/li>\n
  • \n 54.<\/span> font-family\n <\/li>\n
  • \n 55.<\/span> font-size\n <\/li>\n
  • \n 56.<\/span> font-weight\n <\/li>\n
  • \n 57.<\/span> font-style\n <\/li>\n
  • \n 58.<\/span> line-height\n <\/li>\n
  • \n 59.<\/span> text-align\n <\/li>\n
  • \n 60.<\/span> text-decoration\n <\/li>\n
  • \n 61.<\/span> text-transform\n <\/li>\n
  • \n 62.<\/span> letter-spacing\n <\/li>\n
  • \n 63.<\/span> word-spacing\n <\/li>\n
  • \n 64.<\/span> white-space\n <\/li>\n
  • \n 65.<\/span> text-indent\n <\/li>\n
  • \n 66.<\/span> text-shadow\n <\/li>\n
  • \n 67.<\/span> \u0645\u062f\u06cc\u0631\u06cc\u062a \u0641\u0648\u0646\u062a \u0647\u0627 (Fonts)\n <\/li>\n
  • \n 68.<\/span> \u0641\u0648\u0646\u062a \u0647\u0627\u06cc \u0648\u0628 (Web Fonts)\n <\/li>\n
  • \n 69.<\/span> @font-face\n <\/li>\n
  • \n 70.<\/span> Google Fonts\n <\/li>\n
  • \n 71.<\/span> \u0641\u0648\u0646\u062a \u0647\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 (System Fonts)\n <\/li>\n
  • \n 72.<\/span> CSS Box Model\n <\/li>\n
  • \n 73.<\/span> content\n <\/li>\n
  • \n 74.<\/span> padding\n <\/li>\n
  • \n 75.<\/span> border\n <\/li>\n
  • \n 76.<\/span> margin\n <\/li>\n
  • \n 77.<\/span> box-sizing: content-box\n <\/li>\n
  • \n 78.<\/span> box-sizing: border-box\n <\/li>\n
  • \n 79.<\/span> \u0639\u0631\u0636 \u0648 \u0627\u0631\u062a\u0641\u0627\u0639 (Width and Height)\n <\/li>\n
  • \n 80.<\/span> width\n <\/li>\n
  • \n 81.<\/span> height\n <\/li>\n
  • \n 82.<\/span> min-width\n <\/li>\n
  • \n 83.<\/span> max-width\n <\/li>\n
  • \n 84.<\/span> min-height\n <\/li>\n
  • \n 85.<\/span> max-height\n <\/li>\n
  • \n 86.<\/span> \u0646\u0645\u0627\u06cc\u0634 \u0639\u0646\u0627\u0635\u0631 (Display Property)\n <\/li>\n
  • \n 87.<\/span> display: block\n <\/li>\n
  • \n 88.<\/span> display: inline\n <\/li>\n
  • \n 89.<\/span> display: inline-block\n <\/li>\n
  • \n 90.<\/span> display: none\n <\/li>\n
  • \n 91.<\/span> display: flex\n <\/li>\n
  • \n 92.<\/span> display: grid\n <\/li>\n
  • \n 93.<\/span> float\n <\/li>\n
  • \n 94.<\/span> clear\n <\/li>\n
  • \n 95.<\/span> overflow\n <\/li>\n
  • \n 96.<\/span> positioning\n <\/li>\n
  • \n 97.<\/span> static\n <\/li>\n
  • \n 98.<\/span> relative\n <\/li>\n
  • \n 99.<\/span> absolute\n <\/li>\n
  • \n 100.<\/span> fixed\n <\/li>\n<\/ul>\n<\/div>\n

    \n
    \n
    \n
    \n
    \n The Art of Responsive Web Design with CSS | \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/title><br \/>\n <meta name=\"description\" content=\"\u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 CSS \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0648 \u062c\u0630\u0627\u0628 \u0628\u0633\u0627\u0632\u06cc\u062f. \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u0628\u0647 \u0645\u062a\u062e\u0635\u0635 \u0645\u06cc\u200c\u0631\u0633\u0627\u0646\u062f!\"><br \/>\n <meta name=\"keywords\" content=\"CSS, \u0637\u0631\u0627\u062d\u06cc \u0648\u0628, \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627, Responsive Design, \u0622\u0645\u0648\u0632\u0634 CSS, HTML, \u0648\u0628\u200c\u0633\u0627\u06cc\u062a, \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc\"><\/p>\n<style>\n body {\n font-family: sans-serif;\n line-height: 1.6;\n margin: 20px;\n }\n h1, h2, h3 {\n color: #333;\n }\n .container {\n max-width: 960px;\n margin: 0 auto;\n }\n ul {\n list-style: disc;\n margin-left: 20px;\n }\n .highlight {\n background-color: #f0f0f0;\n padding: 10px;\n border-radius: 5px;\n margin-bottom: 15px;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>The Art of Responsive Web Design with CSS: \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u0648\u06cc\u062f!<\/h1>\n<h2>1. \u0645\u0639\u0631\u0641\u06cc \u062f\u0648\u0631\u0647<\/h2>\n<p>\u0622\u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc\u060c \u0627\u0632 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0648 \u062a\u0628\u0644\u062a \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u062f\u0633\u06a9\u062a\u0627\u067e\u060c \u0628\u06cc\u200c\u0646\u0642\u0635 \u0648 \u062c\u0630\u0627\u0628 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u0646\u062f\u061f \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0627\u0645\u0631\u0648\u0632 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u0648\u0628 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u0646\u062f\u060c \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0628\u0627 CSS \u06cc\u06a9 \u0645\u0647\u0627\u0631\u062a \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u062f\u0648\u0631\u0647 “The Art of Responsive Web Design with CSS” \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u062a\u0631\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc CSS\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0648 \u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u06cc\u06a9 \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u061b \u0645\u0627 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u0627\u06cc\u0647\u200c\u0627\u06cc \u062a\u0627 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 CSS \u0648 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0627 \u0645\u0627 \u0647\u0645\u0631\u0627\u0647 \u0634\u0648\u06cc\u062f \u062a\u0627 \u0628\u0647 \u06cc\u06a9 \u0637\u0631\u0627\u062d \u0648\u0628 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u06cc\u062f \u0648 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u0646\u0647 \u062a\u0646\u0647\u0627 \u0632\u06cc\u0628\u0627 \u0647\u0633\u062a\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc\u200c\u0622\u0648\u0631\u0646\u062f.<\/p>\n<h2>2. \u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0648\u0631\u0647<\/h2>\n<p>\u062f\u0648\u0631\u0647 “The Art of Responsive Web Design with CSS” \u06cc\u06a9 \u062f\u0648\u0631\u0647 \u062c\u0627\u0645\u0639 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u062a\u0645\u0627\u0645 \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CSS \u0631\u0627 \u0622\u0645\u0648\u0632\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0634\u0627\u0645\u0644 \u062a\u0626\u0648\u0631\u06cc\u060c \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0648 \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u062f\u0631\u06a9 \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0627\u0646\u0634 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0639\u0645\u0644 \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0628\u0631\u06cc\u062f. \u0645\u0627 \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0628\u062a\u062f\u0627\u06cc\u06cc CSS \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0647 \u0645\u0628\u0627\u062d\u062b \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u0627\u06cc \u0645\u0627\u0646\u0646\u062f Flexbox\u060c Grid\u060c \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627\u060c \u0648 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645.<\/p>\n<h2>3. \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc<\/h2>\n<ul>\n<li>\u0645\u0628\u0627\u0646\u06cc CSS: \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u060c \u062e\u0635\u0648\u0635\u06cc\u0627\u062a\u060c \u0648\u0627\u062d\u062f\u0647\u0627 \u0648 \u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627: \u0645\u0641\u0627\u0647\u06cc\u0645 \u0648 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc<\/li>\n<li>Media Queries: \u0627\u06cc\u062c\u0627\u062f \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634<\/li>\n<li>Flexbox: \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0648 \u067e\u06cc\u0686\u06cc\u062f\u0647<\/li>\n<li>Grid: \u0633\u0627\u062e\u062a\u0627\u0631\u0647\u0627\u06cc \u062f\u0648 \u0628\u0639\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628<\/li>\n<li>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627: \u0627\u0641\u0632\u0648\u062f\u0646 \u062c\u0630\u0627\u0628\u06cc\u062a \u0628\u0635\u0631\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/li>\n<li>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644: \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<li>\u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 CSS: SASS\u060c LESS \u0648 …<\/li>\n<li>\u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc UI\/UX: \u0627\u06cc\u062c\u0627\u062f \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u0639\u0627\u0644\u06cc<\/li>\n<li>\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc: \u0633\u0627\u062e\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 CSS<\/li>\n<\/ul>\n<h2>4. \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u062f\u0648\u0631\u0647<\/h2>\n<p>\u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0628\u0631\u0627\u06cc \u0637\u06cc\u0641 \u0648\u0633\u06cc\u0639\u06cc \u0627\u0632 \u0627\u0641\u0631\u0627\u062f \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u060c \u0627\u0632 \u062c\u0645\u0644\u0647:<\/p>\n<ul>\n<li>\u0627\u0641\u0631\u0627\u062f\u06cc \u06a9\u0647 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u0648\u0627\u0631\u062f \u062f\u0646\u06cc\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u0648 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f CSS \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u0646\u062f.<\/li>\n<li>\u0637\u0631\u0627\u062d\u0627\u0646 \u0648\u0628 \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0627\u0631\u062a\u0642\u0627 \u062f\u0647\u0646\u062f.<\/li>\n<li>\u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u0631\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628.<\/li>\n<li>\u0647\u0631 \u06a9\u0633\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u062f.<\/li>\n<\/ul>\n<h2>5. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0631\u0627 \u0628\u06af\u0630\u0631\u0627\u0646\u06cc\u0645\u061f<\/h2>\n<p>\u0628\u0627 \u0634\u0631\u06a9\u062a \u062f\u0631 \u062f\u0648\u0631\u0647 “The Art of Responsive Web Design with CSS”\u060c \u0634\u0645\u0627:<\/p>\n<ul>\n<li>\u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc CSS \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u06cc\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06af\u0631\u0641\u062a.<\/li>\n<li>\u0628\u0627 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0622\u0634\u0646\u0627 \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f \u0648 \u0642\u0627\u062f\u0631 \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0648\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0627 Flexbox \u0648 Grid \u0631\u0627 \u0628\u0647 \u062f\u0633\u062a \u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u0648\u0631\u062f.<\/li>\n<li>\u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062c\u0630\u0627\u0628\u200c\u062a\u0631 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/li>\n<li>\u0628\u0627 \u0627\u0635\u0648\u0644 UI\/UX \u0622\u0634\u0646\u0627 \u0634\u062f\u0647 \u0648 \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u062e\u0634\u06cc\u062f.<\/li>\n<li>\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0645\u062a\u0639\u062f\u062f\u06cc \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u062f \u0648 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/li>\n<li>\u0627\u0632 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u062f\u0631\u0633 \u0648 \u062c\u0627\u0645\u0639\u0647\u200c\u06cc \u0641\u0639\u0627\u0644 \u0641\u0631\u0627\u06af\u06cc\u0631\u0627\u0646 \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f.<\/li>\n<li>\u062f\u0631 \u0632\u0645\u0627\u0646 \u0648 \u0647\u0632\u06cc\u0646\u0647\u200c\u06cc \u062e\u0648\u062f \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/li>\n<\/ul>\n<p>\u0628\u0627 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u06cc\u0646 \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u060c \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0634\u063a\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f \u0648 \u0628\u0647 \u06cc\u06a9 \u0637\u0631\u0627\u062d \u0648\u0628 \u0645\u0648\u0641\u0642 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u06cc\u062f!<\/p>\n<h2>6. \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u062f\u0648\u0631\u0647 (100 \u0633\u0631\u0641\u0635\u0644 \u062c\u0627\u0645\u0639!)<\/h2>\n<p>\u0627\u06cc\u0646 \u062f\u0648\u0631\u0647 \u0634\u0627\u0645\u0644 \u0628\u06cc\u0634 \u0627\u0632 100 \u0633\u0631\u0641\u0635\u0644 \u062c\u0627\u0645\u0639 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u0635\u0641\u0631 \u062a\u0627 \u0635\u062f \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u0631\u0627 \u0641\u0631\u0627 \u0628\u06af\u06cc\u0631\u06cc\u062f. \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u062a\u0646\u0647\u0627 \u0646\u0645\u0648\u0646\u0647\u200c\u0627\u06cc \u0627\u0632 \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<ul>\n<li><strong>\u0628\u062e\u0634 1: \u0645\u0628\u0627\u0646\u06cc CSS<\/strong>\n<ul>\n<li>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 CSS \u0648 \u0646\u0642\u0634 \u0622\u0646 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628<\/li>\n<li>\u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0633\u06cc\u0646\u062a\u06a9\u0633 CSS<\/li>\n<li>\u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc CSS (Selector)<\/li>\n<li>\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc CSS: \u0631\u0646\u06af\u060c \u0641\u0648\u0646\u062a\u060c \u0633\u0627\u06cc\u0632 \u0648 …<\/li>\n<li>\u0645\u062f\u0644 \u062c\u0639\u0628\u0647\u200c\u0627\u06cc (Box Model)<\/li>\n<li>\u062d\u0627\u0634\u06cc\u0647 (Margin)\u060c \u0641\u0627\u0635\u0644\u0647\u200c\u06af\u0630\u0627\u0631\u06cc (Padding) \u0648 \u062d\u0627\u0634\u06cc\u0647 (Border)<\/li>\n<li>\u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc \u062f\u0631 CSS<\/li>\n<li>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0628<\/li>\n<li>\u0648\u0627\u062d\u062f\u0647\u0627 \u062f\u0631 CSS: px, em, rem, %<\/li>\n<li>\u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 CSS<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 2: \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 (Responsive Design)<\/strong>\n<ul>\n<li>\u0645\u0641\u0627\u0647\u06cc\u0645 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>Viewport \u0648 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0646<\/li>\n<li>Media Queries: \u0645\u0628\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc Mobile-First<\/li>\n<li>\u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627: Fluid Grids, Flexible Images<\/li>\n<li>\u06a9\u0627\u0631 \u0628\u0627 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0648\u06cc\u062f\u0626\u0648\u0647\u0627 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>\u062a\u0633\u062a \u0648 \u062f\u06cc\u0628\u0627\u06af \u06a9\u0631\u062f\u0646 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 3: Flexbox<\/strong>\n<ul>\n<li>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 Flexbox<\/li>\n<li>Flex Container \u0648 Flex Items<\/li>\n<li>\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc Flexbox: flex-direction, flex-wrap, justify-content, align-items<\/li>\n<li>\u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0641\u0642\u06cc \u0648 \u0639\u0645\u0648\u062f\u06cc \u0628\u0627 Flexbox<\/li>\n<li>Flexbox \u0648 \u0637\u0631\u0627\u062d\u06cc \u0645\u0646\u0648\u0647\u0627<\/li>\n<li>Flexbox \u0648 \u0637\u0631\u0627\u062d\u06cc \u0641\u0631\u0645\u200c\u0647\u0627<\/li>\n<li>Flexbox \u0648 \u0627\u06cc\u062c\u0627\u062f layout \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647<\/li>\n<li>Flexbox \u0648 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 4: Grid Layout<\/strong>\n<ul>\n<li>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 Grid Layout<\/li>\n<li>Grid Container \u0648 Grid Items<\/li>\n<li>\u0627\u06cc\u062c\u0627\u062f Grid \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 grid-template-columns \u0648 grid-template-rows<\/li>\n<li>grid-row-start \u0648 grid-column-start \u0648 …<\/li>\n<li>Gap \u0648 spacing \u062f\u0631 Grid<\/li>\n<li>\u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062f\u0648 \u0628\u0639\u062f\u06cc \u0628\u0627 Grid<\/li>\n<li>Grid \u0648 \u0637\u0631\u0627\u062d\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>Grid \u0648 \u0627\u06cc\u062c\u0627\u062f layout \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 5: \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627<\/strong>\n<ul>\n<li>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 CSS Transitions<\/li>\n<li>\u0648\u06cc\u0698\u06af\u06cc transition-property, transition-duration, transition-timing-function<\/li>\n<li>CSS Animations: \u0645\u0628\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627<\/li>\n<li>\u0633\u0627\u062e\u062a keyframes<\/li>\n<li>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647<\/li>\n<li>\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u0646\u0632\u06cc\u0634\u0646\u200c\u0647\u0627 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628<\/li>\n<li>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 6: \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 CSS<\/strong>\n<ul>\n<li>CSS Variables (Custom Properties)<\/li>\n<li>Sass: \u0645\u0642\u062f\u0645\u0647 \u0648 \u0646\u0635\u0628<\/li>\n<li>Sass: Variables, Nesting, Mixins, Partials<\/li>\n<li>LESS: \u0645\u0642\u062f\u0645\u0647 \u0648 \u0646\u0635\u0628<\/li>\n<li>LESS: Variables, Nesting, Mixins<\/li>\n<li>CSS Frameworks: Bootstrap, Tailwind CSS<\/li>\n<li>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc CSS<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 7: \u0627\u0635\u0648\u0644 UI\/UX \u0648 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/strong>\n<ul>\n<li>\u0645\u0642\u062f\u0645\u0647\u200c\u0627\u06cc \u0628\u0631 UI\/UX Design<\/li>\n<li>\u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc UI: \u0631\u0646\u06af\u060c \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc\u060c \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627<\/li>\n<li>\u0627\u0635\u0648\u0644 UX: \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647\u060c \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e<\/li>\n<li>User Testing \u0648 \u0628\u0647\u0628\u0648\u062f \u0637\u0631\u0627\u062d\u06cc<\/li>\n<\/ul>\n<\/li>\n<li><strong>\u0628\u062e\u0634 8: \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0648 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/strong>\n<ul>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u062e\u0635\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06cc\u06a9 \u0648\u0628\u0644\u0627\u06af \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<li>\u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06cc\u06a9 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u06a9\u0648\u0686\u06a9<\/li>\n<li>\u067e\u0631\u0648\u0698\u0647 \u0646\u0647\u0627\u06cc\u06cc: \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>\u0648 \u062f\u0647\u200c\u0647\u0627 \u0633\u0631\u0641\u0635\u0644 \u062f\u06cc\u06af\u0631 \u06a9\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0645\u062a\u062e\u0635\u0635 CSS \u062a\u0628\u062f\u06cc\u0644 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f! \u0628\u0627 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0631 \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647\u060c \u0628\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0647\u06cc\u062c\u0627\u0646\u200c\u0627\u0646\u06af\u06cc\u0632 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0642\u062f\u0645 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u0648 \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u062a\u0631\u06cc \u0627\u0631\u062a\u0642\u0627 \u062f\u0647\u06cc\u062f. \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0627\u0632 \u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647 \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u0648\u06cc\u062f!<\/p>\n<\/p><\/div>\n<p><\/body><br \/>\n<\/html><\/div>\n<div\r\n style=\"border: 2px dashed #4CAF50; border-radius: 16px; padding: 20px; background: #f9fff9; font-family: 'IRANSans', sans-serif;\">\r\n <h2 style=\"color: #2E7D32; margin-top: 0;\">\ud83d\udcda \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u0622\u0645\u0648\u0632\u0634\u06cc (\u067e\u06a9\u06cc\u062c \u06a9\u0627\u0645\u0644)<\/h2>\r\n <div\r\n style=\"background: #E8F5E9; border-radius: 12px; padding: 15px 20px; margin-bottom: 20px; border: 1px solid #A5D6A7;\">\r\n <h3 style=\"color: #1B5E20; margin-top: 0;\">\ud83d\udca1 \u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u06cc\u06a9 \u0646\u0633\u062e\u0647\u0654 \u06a9\u0627\u0645\u0644 \u0648 \u062c\u0627\u0645\u0639 \u0627\u0633\u062a<\/h3>\r\n <p style=\"font-size:16px; line-height:1.8; color:#2E7D32; margin:0;\"> \u062a\u0645\u0627\u0645\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06cc\u06a9\r\n \u0628\u0633\u062a\u0647\u200c\u06cc \u06a9\u0627\u0645\u0644 \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0646\u0633\u062e\u0647\u200c\u0647\u0627 \u0648 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0633\u062a. <\/p>\r\n <\/div>\r\n <h3 style=\"color: #2E7D32;\">\ud83c\udf81 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u06a9\u0627\u0645\u0644 \u0628\u0633\u062a\u0647 \u062f\u0627\u0646\u0644\u0648\u062f\u06cc<\/h3>\r\n\r\n\t\r\n<ul style=\"list-style-type: '\u2705 '; padding-left: 20px; font-size: 16px; line-height: 1.8;\">\r\n <li><strong>\u0648\u06cc\u062f\u06cc\u0648\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u0622\u0645\u0648\u0632\u0634 \u0642\u062f\u0645\u200c\u0628\u0647\u200c\u0642\u062f\u0645\u060c \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u0642\u0627\u0628\u0644 \u0641\u0647\u0645<\/li>\r\n <li><strong>\u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u062a\u0648\u0636\u06cc\u062d \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0644\u06cc\u062f\u06cc \u0648 \u0646\u06a9\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/li>\r\n <li><strong>\u06a9\u062a\u0627\u0628 PDF \u0641\u0627\u0631\u0633\u06cc<\/strong> \u2014 \u0634\u0627\u0645\u0644 \u06a9\u0644\u06cc\u0647\u0654 \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/li>\r\n <li><strong>\u06a9\u062a\u0627\u0628 \u062e\u0644\u0627\u0635\u0647 \u0646\u06a9\u0627\u062a \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 \u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627 \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0645\u0646\u0627\u0633\u0628 \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0648 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0645\u0628\u0627\u062d\u062b<\/li>\r\n <li><strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u0646\u06a9\u062a\u0647 \u0641\u0627\u0631\u0633\u06cc (\u062e\u0648\u062f\u0645\u0648\u0646\u06cc) \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/li>\r\n <li><strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u0646\u06a9\u062a\u0647 \u0631\u0633\u0645\u06cc \u0641\u0627\u0631\u0633\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong> \u2014 \u0646\u06af\u0627\u0631\u0634 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u0639\u0644\u0645\u06cc \u0648 \u0645\u0646\u0627\u0633\u0628 \u0686\u0627\u067e<\/li>\r\n\r\n <li>\r\n <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u062a\u0634\u0631\u06cc\u062d\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n \u2014 \u0647\u0631 \u0633\u0624\u0627\u0644 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u067e\u0627\u0633\u062e \u06a9\u0627\u0645\u0644 \u0648 \u0634\u0641\u0627\u0641 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u061b \u0645\u0646\u0627\u0633\u0628 \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0648 \u0631\u0641\u0639 \u0627\u0628\u0647\u0627\u0645.\r\n <\/li>\r\n\r\n <li>\r\n <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0686\u0647\u0627\u0631\u06af\u0632\u06cc\u0646\u0647\u200c\u0627\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF (\u0646\u0633\u062e\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639)<\/strong><br>\r\n \u2014 \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u067e\u0633 \u0627\u0632 \u0633\u0624\u0627\u0644 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f\u061b \u0645\u0646\u0627\u0633\u0628 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639 \u0648 \u062a\u062b\u0628\u06cc\u062a \u0645\u0637\u0627\u0644\u0628.\r\n <\/li>\r\n\r\n <li>\r\n <strong>\u06a9\u062a\u0627\u0628 \u0635\u062f\u0647\u0627 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0686\u0647\u0627\u0631\u06af\u0632\u06cc\u0646\u0647\u200c\u0627\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF (\u0646\u0633\u062e\u0647 \u062e\u0648\u062f\u0622\u0632\u0645\u0627\u06cc\u06cc \u067e\u0627\u06cc\u0627\u0646\u200c\u0628\u062e\u0634)<\/strong><br>\r\n \u2014 \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u062f\u0631 \u0627\u0646\u062a\u0647\u0627\u06cc \u0647\u0631 \u0628\u062e\u0634 \u0622\u0645\u062f\u0647\u200c\u0627\u0646\u062f\u061b \u0645\u0646\u0627\u0633\u0628 \u0622\u0632\u0645\u0648\u0646 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0633\u0646\u062c\u0634 \u0645\u06cc\u0632\u0627\u0646 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc.\r\n <\/li>\r\n\r\n <li>\r\n <strong>\u06a9\u062a\u0627\u0628 \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u062f\u0631\u0633\u062a \/ \u0646\u0627\u062f\u0631\u0633\u062a (True \/ False) \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n \u2014 \u0645\u0646\u0627\u0633\u0628 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0642\u062a \u0645\u0641\u0647\u0648\u0645\u06cc \u0648 \u062a\u0634\u062e\u06cc\u0635 \u0635\u062d\u06cc\u062d \u06cc\u0627 \u0646\u0627\u062f\u0631\u0633\u062a \u0628\u0648\u062f\u0646 \u06af\u0632\u0627\u0631\u0647\u200c\u0647\u0627.\r\n <\/li>\r\n\r\n <li>\r\n <strong>\u06a9\u062a\u0627\u0628 \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc \u062e\u0627\u0644\u06cc \u2013 \u0646\u0633\u062e\u0647 PDF<\/strong><br>\r\n \u2014 \u062a\u0642\u0648\u06cc\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0641\u0639\u0627\u0644 \u0648 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0648 \u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc.\r\n <\/li>\r\n<\/ul>\r\n\t\r\n\t\r\n\t\r\n\t\r\n <p style=\"color: #388E3C; font-weight: bold; font-size: 18px; margin-top: 20px;\"> \ud83c\udfaf \u0627\u06cc\u0646 \u0628\u0633\u062a\u0647 \u06cc\u06a9 \u062f\u0648\u0631\u0647\u0654 \u0622\u0645\u0648\u0632\u0634\u06cc \u06a9\u0627\u0645\u0644 \u0648\r\n \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 \u0627\u0633\u062a\u061b \u0634\u0627\u0645\u0644 \u0622\u0645\u0648\u0632\u0634 \u062a\u0635\u0648\u06cc\u0631\u06cc\u060c \u0635\u0648\u062a\u06cc\u060c \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u060c \u062a\u0645\u0631\u06cc\u0646\u200c\u0647\u0627 \u0648 \u062e\u0648\u062f\u0622\u0632\u0645\u0627\u06cc\u06cc . <\/p>\r\n <hr style=\"border: none; border-top: 1px dashed #81C784; margin: 20px 0;\">\r\n <h3 style=\"color: #2E7D32;\">\u2139\ufe0f \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0647\u0646\u06af\u0627\u0645 \u062e\u0631\u06cc\u062f<\/h3>\r\n <ul style=\"list-style-type: '\ud83d\udd38 '; padding-left: 20px; font-size: 15px; line-height: 1.9;\">\r\n <li>\u0627\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644 \u0628\u0647 \u0635\u0648\u0631\u062a <strong>\u0641\u0627\u06cc\u0644 \u062f\u0627\u0646\u0644\u0648\u062f\u06cc \u06a9\u0627\u0645\u0644<\/strong> \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0646\u0633\u062e\u0647\u0654 \u0686\u0627\u067e\u06cc \u0646\u062f\u0627\u0631\u062f.<\/li>\r\n <li>\u062a\u0645\u0627\u0645\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0648 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627 <strong>\u06a9\u0627\u0645\u0644\u0627\u064b \u0641\u0627\u0631\u0633\u06cc<\/strong> \u0647\u0633\u062a\u0646\u062f.<\/li>\r\n <li><strong>\u062a\u0648\u062c\u0647:<\/strong> \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062f\u0648\u0631\u0647 \u0637\u06cc <strong>\u06f4\u06f8 \u0633\u0627\u0639\u062a<\/strong> \u067e\u0633 \u0627\u0632 \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\r\n <li>\u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u062f\u0631\u062c \u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0646\u06cc\u0633\u062a\u061b \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\r\n <li>\u062f\u0631 \u0635\u0648\u0631\u062a \u0628\u0631\u0648\u0632 \u0645\u0634\u06a9\u0644 \u062f\u0631 \u062f\u0627\u0646\u0644\u0648\u062f \u0628\u0627 \u0634\u0645\u0627\u0631\u0647 <strong>09395106248<\/strong> \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/li>\r\n <li>\u0627\u06af\u0631 \u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u0648\u0644\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0648 \u0646\u0627\u0645 \u0645\u062d\u0635\u0648\u0644 \u0631\u0627 \u067e\u06cc\u0627\u0645\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627\r\n \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u0646\u062f.<\/li>\r\n <\/ul>\r\n <p style=\"font-size: 16px; line-height: 1.8; margin-top: 15px;\"> \ud83d\udcac \u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc:<br> \u0648\u0627\u062a\u0633\u200c\u0627\u067e \u06cc\u0627 \u067e\u06cc\u0627\u0645\u06a9:\r\n <strong>09395106248<\/strong><br> \u062a\u0644\u06af\u0631\u0627\u0645: <strong>@ma_limbs<\/strong> <\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Art of Responsive Web Design with CSS | \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc The Art of Responsive Web Design with CSS: \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u0648\u06cc\u062f! 1. \u0645\u0639\u0631\u0641\u06cc \u062f\u0648\u0631\u0647 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc\u060c \u0627…<\/p>\n","protected":false},"featured_media":67493,"comment_status":"open","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"product_cat":[213162,196,1221],"product_tag":[1257,18229,19367,1988,35755,25102,5018,713,7614,1172,5007,716,1989,2971,1161],"class_list":{"0":"post-312306","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-css","7":"product_cat-196","8":"product_cat-1221","9":"product_tag-css","10":"product_tag-css-grid","11":"product_tag-flexbox","12":"product_tag-frontend-development","13":"product_tag-media-queries","14":"product_tag-mobile-first-design","15":"product_tag-modern-css","16":"product_tag-programming","17":"product_tag-responsive-web-design","18":"product_tag-web-design","19":"product_tag--css","20":"product_tag-716","21":"product_tag-1989","22":"product_tag-2971","23":"product_tag-1161","24":"pmpro-has-access","25":"desktop-align-left","26":"tablet-align-left","27":"mobile-align-left","29":"first","30":"instock","31":"shipping-taxable","32":"purchasable","33":"product-type-variable"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\" \/>\n<meta property=\"og:description\" content=\"The Art of Responsive Web Design with CSS | \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc The Art of Responsive Web Design with CSS: \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u0648\u06cc\u062f! 1. \u0645\u0639\u0631\u0641\u06cc \u062f\u0648\u0631\u0647 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc\u060c \u0627...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-21T22:00:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/express24.ir\/d\/wp-content\/uploads\/2025\/05\/Express24_ir.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/\",\"url\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/\",\"name\":\"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\",\"isPartOf\":{\"@id\":\"https:\/\/express24.ir\/d\/#website\"},\"datePublished\":\"2025-12-04T07:42:53+00:00\",\"dateModified\":\"2025-12-21T22:00:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/express24.ir\/d\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647\",\"item\":\"https:\/\/express24.ir\/d\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/express24.ir\/d\/#website\",\"url\":\"https:\/\/express24.ir\/d\/\",\"name\":\"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/express24.ir\/d\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fa-IR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/","og_locale":"fa_IR","og_type":"article","og_title":"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","og_description":"The Art of Responsive Web Design with CSS | \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc The Art of Responsive Web Design with CSS: \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u0648\u06cc\u062f! 1. \u0645\u0639\u0631\u0641\u06cc \u062f\u0648\u0631\u0647 \u0622\u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u06cc\u060c \u0627...","og_url":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/","og_site_name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","article_modified_time":"2025-12-21T22:00:40+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/express24.ir\/d\/wp-content\/uploads\/2025\/05\/Express24_ir.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"2 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/","url":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/","name":"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS - \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","isPartOf":{"@id":"https:\/\/express24.ir\/d\/#website"},"datePublished":"2025-12-04T07:42:53+00:00","dateModified":"2025-12-21T22:00:40+00:00","breadcrumb":{"@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/express24.ir\/d\/product\/supercourse-0000018811\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/express24.ir\/d\/"},{"@type":"ListItem","position":2,"name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647","item":"https:\/\/express24.ir\/d\/"},{"@type":"ListItem","position":3,"name":"\u06a9\u062a\u0627\u0628 The Art of Responsive Web Design with CSS"}]},{"@type":"WebSite","@id":"https:\/\/express24.ir\/d\/#website","url":"https:\/\/express24.ir\/d\/","name":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06a9\u0633\u067e\u0631\u0633","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/express24.ir\/d\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fa-IR"}]}},"_links":{"self":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product\/312306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/comments?post=312306"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/media\/67493"}],"wp:attachment":[{"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/media?parent=312306"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product_cat?post=312306"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/express24.ir\/d\/wp-json\/wp\/v2\/product_tag?post=312306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}