آموزش بوت کمپ طراحی وب: وب سایت های کدنویسی دستی با HTML و CSS *صفر تا قهرمان*

Web Design Bootcamp: Hand-Coding Websites with HTML & CSS *Zero to Hero*

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این برای هر کسی که می‌خواهد نحوه کدنویسی دستی وب‌سایت‌ها با HTML و CSS را بیاموزد عالی است. این دوره جامع است و تمامی سطوح از مبتدی تا متوسط ​​تا پیشرفته را پوشش می دهد. برای پیوستن به دوره نیازی به دانش قبلی در زبان های برنامه نویسی یا ساخت وب سایت ندارید و می توانید با سرعت خود یاد بگیرید.

مبتدیان با اولین واحد شروع می‌کنند که مبانی HTML و CSS را پوشش می‌دهد، در حالی که دانش‌آموزان با تجربه قبلی می‌توانند در سطوح متوسط ​​یا پیشرفته وارد شوند (برای مروری بر سطوح به بخش مراجعه کنید).

صرف نظر از سطح مهارت اولیه شما، تا زمانی که این دوره را کامل کنید، می توانید وب سایت های شیک و حرفه ای خود را با استفاده از HTML و CSS ایجاد کنید.

 

آنچه به طور خلاصه یاد خواهید گرفت:

  • اصول اولیه طراحی HTML و وب:  با ویژگی‌های نشانه‌گذاری متن اصلی، سرفصل‌ها، پاراگراف‌ها، تصاویر و پیوندها شروع می‌کنید.
  • جدول‌ها، حاشیه‌ها، فهرست‌های حاشیه:  پس از تسلط بر اصول اولیه، نحوه استفاده از ویژگی‌های پیچیده‌تر مانند جداول، حاشیه‌ها، لایه‌ها، حاشیه‌ها و انواع مختلف فهرست‌ها را خواهید آموخت.
  • طرح‌بندی‌های پیچیده صفحه:  صفحات وب چند ستونی پیچیده، عناصر موقعیت‌یابی و تصاویر را برای ایجاد طرح‌بندی‌های وب پیچیده و پیشرفته به‌صورت پیکسلی عالی می‌سازید.
  • اصول CSS:  شما از CSS مدرن (CSS3) برای قالب‌بندی عناصر HTML، هم در فایل HTML محلی خود و هم در یک شیوه نامه مرکزی استفاده می‌کنید که به شما امکان می‌دهد ظاهر صفحات خود را در کل وب‌سایت خود فقط با یک زمان تغییر دهید. چند کلیک.
  • عناصر HTML5:  برای نوشتن اسناد HTML دارای ساختار و معنایی با عناصر مدرن HTML 5 آشنا خواهید شد.

 

آنچه را که خودتان خواهید ساخت:

در سرتاسر دوره 10 تکالیف برنامه نویسی هدایت شده وجود دارد که این فرصت را به شما می دهد تا مهارت های تازه آموخته شده خود را تمرین کنید و از ابتدا دموهای واقعی صفحه وب ایجاد کنید.

تکالیف - از مبتدی، متوسط ​​تا پیشرفته - بر روی یکدیگر ساخته می‌شوند و گام به گام همه ابزارها و تکنیک‌هایی را که برای ساختن وب‌سایت‌های حرفه‌ای با HTML و CSS نیاز دارید، به شما می‌دهند.

 

چه چیزی برای کمک به موفقیت شما بدست خواهید آورد:

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

به ویژه، شما دریافت خواهید کرد:

  • جزوات قابل بارگیری برای بیش از 40 ویدیوی تئوری، از جمله برگه های تقلب، نمودارها و مراجع نحو
  • تمرین‌ها، چالش‌ها و آزمون‌های قابل دانلود
  • دارایی های طراحی قابل دانلود، کد شروع و کد نهایی برای هر بخش کاربردی
  • 10 چالش کدنویسی برای تمرین مهارت های جدید (راه حل ها شامل)
  • پشتیبانی رایگان در بخش Q A

این دوره برای چه کسانی است:

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

 

این دوره در مجموع حدود 13 ساعت آموزش دارد که به واحدهای جداگانه تقسیم می شود که مبانی نظری HTML و CSS مدرن را به شما آموزش می دهد و تمرین های برنامه نویسی عملی (تکالیف پیچیده) را ارائه می دهد که به شما امکان می دهد مهارت های تازه آموخته شده خود را در زندگی واقعی تمرین کنید. .

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

برای مبتدیان کامل، دوره با مروری اولیه بر ریشه های وب جهانی، مبانی و پیشرفت های HTML و CSS و همچنین ویرایشگرهای HTML شروع می شود. در پایان مقدمه، وب و ملزومات توسعه وب را بهتر درک خواهید کرد.

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

این دوره یک بسته جامع و آسان برای پیگیری است که مهارت های طراحی وب شما را به سطح بالاتری می برد!

همانطور که گفته شد، این دوره در واقع بر روی چیزی تمرکز می کند که قول تمرکز روی آن را می دهد: HTML و CSS. برخلاف دوره‌های دیگر، ما به PHP، JavaScript، SASS سفرهای غیرضروری نخواهیم داشت.

با حذف همه زوایای غیر ضروری، می توانید مطمئن باشید تا زمانی که دوره را کامل می کنید، درک کاملی از آنچه در اینجا هستید (HTML و CSS) داشته باشید. از آنجا، جایی را که می‌خواهید بعد بروید انتخاب می‌کنید.

آیا می خواهید قالب های وردپرس طراحی کنید؟ سپس می توانید دانش خود را به PHP گسترش دهید. آیا می خواهید سایت خود را کاملاً مسئولیت پذیر کنید؟ سپس، برای مثال، می‌توانید Bootstrap را یاد بگیرید.

شما مغز خود را با اطلاعاتی که به آن نیاز ندارید بار نمی کنید. شما در حال دریافت ملزومات HTML و CSS هستید—و از آنجا، می‌توانید آن را ادامه دهید.

 

***

مبانی عملی

مبانی عملی به عنوان اولین بخش از هر واحد یک نمای کلی از عناصر HTML جدیدی را که قرار است در آن واحد یاد بگیرید به شما ارائه می دهد. این واحد به بخش‌های کوچک تقسیم می‌شود تا درس‌ها را هضم‌تر کند و یادگیری را برای شما با سرعت خود آسان‌تر کند.

درباره نحوه استفاده از عناصر در کد HTML، ویژگی‌هایی که می‌توانید اختصاص دهید، ساختار چگونه به نظر می‌رسد، و غیره ایده خواهید داشت.

توضیحات مکتوب، مثال‌های عملی و تصاویر، عملکرد عناصر جدید HTML را نشان می‌دهند و شما را راهنمایی می‌کنند تا از آنها به تنهایی در تکالیف کدنویسی زیر استفاده کنید.

من برای توضیح هر مفهومی که آموزش می‌دهم، وقت می‌گذارم تا شما در واقع یاد بگیرید و فقط کد را از روی صفحه کپی نکنید!

دستورالعمل‌های ارائه شده به شما کمک می‌کند تا آنها را دنبال کنید. و سوالات بازبینی، که برای دانلود نیز موجود است، به شما کمک می کند تا درس ها را جذب و حفظ کنید!

در اینجا دو نمونه از شکل ظاهری جزوات ارائه شده است:

.

.

تمرین های برنامه نویسی واقعی (تکالیف پیچیده)

تکالیف پیچیده به گونه‌ای طراحی شده‌اند که شما را آماده می‌کند تا از همان ابتدا وب‌سایت‌هایی را خودتان بسازید. برای این منظور، همه تکالیف پیچیده حاوی دستورالعمل‌های برنامه‌نویسی جداگانه هستند که به شما می‌گویند چه چیزی ایجاد کنید و شما باید کد HTML مناسب را انتخاب کنید.

برای بررسی اینکه آیا همه چیز درست است، می‌توانید کدنویسی خود را با نحوه انجام آن در ویدیو مقایسه کنید و همچنین می‌توانید آن را با کد HTML نهایی موجود در دانلود برای هر تکلیف عملی بررسی کنید.

در ویدیوهای تکلیف، من شما را به صورت زنده از طریق واقعیت ساخت صفحات وب با HTML و CSS راهنمایی می کنم و تلاش می کنم توضیحات و نکات اضافی زیادی را در طول مسیر به شما ارائه دهم تا شما را برای مشاغل طراحی وب آینده خود به بهترین شکل آماده کنید. ممکن است!

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

برای هر تکلیف پیچیده، می‌توانید دستورالعمل‌های برنامه‌نویسی را در یک فایل PDF دانلود کنید. این کار را برای شما بسیار آسان می کند تا آن را دنبال کنید.

دانلود همچنین شامل یک اسکرین شات از وب سایت نهایی است تا بدانید نتیجه قرار است چگونه باشد. البته کد HTML را نیز دریافت خواهید کرد تا بتوانید کد نویسی خود را بررسی کرده و در صورت لزوم آن را اصلاح کنید!

نمونه ویدیوهای برنامه نویسی را که در پروژه های نشان داده شده در آن گنجانده شده اند، نگاهی بیاندازید تا ایده ای از ظاهر قسمت های عملی پیدا کنید. :)

همچنین، در اینجا اسکرین شات هایی از آنچه می خواهیم در تمرینات برنامه نویسی عملی سطوح مختلف به صورت دستی کدگذاری کنیم، آورده شده است:

شما می توانید یک نمایش واقعی از این تمرین برنامه نویسی و موارد دیگر را مشاهده کنید.

.

 

برای یک نمای کلی بیشتر از آنچه در دوره گنجانده شده است، به .

مراجعه کنید

 

اینجا می‌رویم… کدنویسی مبارک! ❤


سرفصل ها و درس ها

درس ها Lessons

  • واحد 2: قوانین تودرتو برای عناصر HTML Unit 2: Nesting Rules for HTML Elements

  • واحد 2: تعیین موقعیت تصاویر و اشیاء با شناور Unit 2: Positioning Images & Objects with Float

  • به بوت کمپ طراحی وب خوش آمدید Welcome to the Web Design Bootcamp

  • واحد 5: تعریف قالب های فردی Unit 5: Defining Individual Formats

  • واحد 2: تکلیف پیچیده شماره 4 (قسمت 1) Unit 2: Complex Assignment #4 (Part 1)

  • واحد 1: واحدهای اندازه گیری و مقادیر عددی Unit 1: Measurement Units & Numerical Values

  • واحد 2: تعیین ارتفاع و عرض تصاویر و اشیاء Unit 2: Defining Height & Width of Images and Objects

  • واحد 4: تعریف خطوط شبکه جدول Unit 4: Defining Table Grid Lines

  • واحد 4: قالب بندی خطوط شبکه جدول Unit 4: Formatting Table Grid Lines

  • واحد 3: تکلیف پیچیده شماره 6 (قسمت 1) Unit 3: Complex Assignment #6 (Part 1)

  • مقدمه: ویرایشگرهای HTML Introduction: HTML Editors

  • واحد 4: تعریف فاصله سلولی و بالشتک Unit 4: Defining Cell Spacing & Padding

  • واحد 3: تعیین موقعیت طرح بندی ستون های متعدد Unit 3: Positioning Multiple Column Layouts

  • مقدمه: پیدایش و توسعه اینترنت Introduction: Origins & Development of the Internet

  • واحد 2: تعریف حاشیه های خارجی Unit 2: Defining External Margins

  • واحد 2: تکلیف پیچیده شماره 4 (قسمت 2) Unit 2: Complex Assignment #4 (Part 2)

  • واحد 5: تکلیف پیچیده شماره 10 (قسمت 1) Unit 5: Complex Assignment #10 (Part 1)

  • واحد 1: ردیف جداکننده افقی Unit 1: Horizontal Separating Row

  • واحد 4: تعریف عرض و ارتفاع جدول، ردیف ها و ستون های جدول Unit 4: Defining Width & Height of Table, Table Rows and Columns

  • واحد 4: تکلیف پیچیده شماره 7 (قسمت 2) Unit 4: Complex Assignment #7 (Part 2)

  • واحد 3: تکلیف پیچیده شماره 5 (قسمت 2) Unit 3: Complex Assignment #5 (Part 2)

  • واحد 5: تکلیف پیچیده شماره 9 (قسمت 2) Unit 5: Complex Assignment #9 (Part 2)

  • واحد 2: تورفتگی خط اول پاراگراف متن Unit 2: Indenting the First Line of a Text Paragraph

  • واحد 2: ارجاع به تصاویر به عنوان لینک Unit 2: Referencing Images as Hyperlink

  • واحد 3: تعریف حاشیه های داخلی Unit 3: Defining Internal Margins

  • واحد 3: تکلیف پیچیده شماره 5 (قسمت 1) Unit 3: Complex Assignment #5 (Part 1)

  • واحد 1: تکلیف پیچیده شماره 2 (قسمت 2) Unit 1: Complex Assignment #2 (Part 2)

  • واحد 2: یکپارچه سازی تصاویر Unit 2: Integrating Images

  • واحد 2: تکلیف پیچیده شماره 3 (قسمت 3) Unit 2: Complex Assignment #3 (Part 3)

  • واحد 3: تکلیف پیچیده شماره 5 (قسمت 3) Unit 3: Complex Assignment #5 (Part 3)

  • واحد 5: تکلیف پیچیده شماره 9 (قسمت 1) Unit 5: Complex Assignment #9 (Part 1)

  • واحد 5: تکلیف پیچیده شماره 9 (قسمت 3) Unit 5: Complex Assignment #9 (Part 3)

  • واحد 1: عناصر و برچسب ها در HTML Unit 1: Elements & Tags in HTML

  • واحد 4: ادغام سلول ها در یک ستون Unit 4: Merging Cells in a Column

  • واحد 4: تکلیف پیچیده شماره 7 (قسمت 1) Unit 4: Complex Assignment #7 (Part 1)

  • واحد 1: ویژگی ها در برچسب ها Unit 1: Attributes in Tags

  • واحد 1: تکلیف پیچیده شماره 2 (قسمت 3) Unit 1: Complex Assignment #2 (Part 3)

  • واحد 3: تکلیف پیچیده شماره 6 (قسمت 3) Unit 3: Complex Assignment #6 (Part 3)

  • واحد 5: تکلیف پیچیده شماره 10 (قسمت 3) Unit 5: Complex Assignment #10 (Part 3)

  • واحد 3: یکپارچه سازی تصاویر پس زمینه Unit 3: Integrating Background Images

  • واحد 2: تکلیف پیچیده شماره 4 (قسمت 3) Unit 2: Complex Assignment #4 (Part 3)

  • واحد 1: تکلیف پیچیده شماره 1 (قسمت 2) Unit 1: Complex Assignment #1 (Part 2)

  • واحد 5: قالب بندی هایپرلینک ها با CSS Unit 5: Formatting Hyperlinks with CSS

  • واحد 4: ادغام سلول ها در یک ردیف Unit 4: Merging Cells in a Row

  • واحد 4: ادغام سلول ها در هر دو سطر و ستون Unit 4: Merging Cells in Both Rows & Columns

  • واحد 1: خط شکن و فضای بدون شکست 1 Unit 1: Line Break & Non-Breaking Space space 1

  • واحد 5: تکلیف پیچیده شماره 10 (قسمت 2) Unit 5: Complex Assignment #10 (Part 2)

  • مقدمه: HTML (زبان نشانه گذاری فرامتن) Introduction: HTML (HyperText Markup Language)

  • واحد 4: تکلیف پیچیده شماره 7 (قسمت 3) Unit 4: Complex Assignment #7 (Part 3)

  • واحد 4: تکلیف پیچیده شماره 8 (قسمت 3) Unit 4: Complex Assignment #8 (Part 3)

  • واحد 2: تکلیف پیچیده شماره 3 (قسمت 1) Unit 2: Complex Assignment #3 (Part 1)

  • واحد 5: تعریف فرمت های مرکزی CSS در یک فایل جداگانه Unit 5: Defining Central CSS Formats in a Separate File

  • واحد 5: تعریف فرمت ها برای عناصر مختلف HTML به طور همزمان Unit 5: Defining Formats for Different HTML Elements Simultaneously

  • واحد 4: تکلیف پیچیده شماره 8 (قسمت 1) Unit 4: Complex Assignment #8 (Part 1)

  • مقدمه: توسعه HTML و تولد وب جهانی Introduction: Development of HTML & Birth of the World Wide Web

  • واحد 1: رمزگذاری کاراکترهای HTML Unit 1: HTML Character Encoding

  • واحد 3: تکلیف پیچیده شماره 6 (قسمت 2) Unit 3: Complex Assignment #6 (Part 2)

  • واحد 1: تعریف رنگ ها Unit 1: Defining Colors

  • واحد 1: تکلیف پیچیده شماره 2 (قسمت 1) Unit 1: Complex Assignment #2 (Part 1)

  • واحد 2: تکلیف پیچیده شماره 3 (قسمت 2) Unit 2: Complex Assignment #3 (Part 2)

  • واحد 4: تکلیف پیچیده شماره 8 (قسمت 2) Unit 4: Complex Assignment #8 (Part 2)

  • واحد 5: تعریف فرمت برای عناصر HTML Unit 5: Defining Formats for HTML Elements

  • واحد 1: عناصر منطقی و فیزیکی Unit 1: Logical & Physical Elements

  • واحد 1: تکلیف پیچیده شماره 1 (قسمت 1) Unit 1: Complex Assignment #1 (Part 1)

  • واحد 1: تکلیف پیچیده شماره 1 (قسمت 3) Unit 1: Complex Assignment #1 (Part 3)

  • واحد 5: تعریف فرمت های مرکزی با CSS Unit 5: Defining Central Formats with CSS

  • واحد 1: تعریف انواع فونت Unit 1: Defining Font Types

  • واحد 1: چارچوب اصلی یک فایل HTML Unit 1: Basic Framework of an HTML File

  • واحد 3: ایجاد لیست Unit 3: Creating Lists

  • واحد 4: تعریف جدول Unit 4: Defining a Table

  • واحد 4: تراز کردن محتوای سلول جدول Unit 4: Aligning the Table Cell Content

  • واحد 3: تعریف مرزها Unit 3: Defining Borders

  • واحد 4: تعریف رنگ ها و تصاویر پس زمینه برای یک جدول Unit 4: Defining Background Colors & Images for a Table

  • مقدمه: CSS (Cascading Style Sheets) Introduction: CSS (Cascading Style Sheets)

  • واحد 1: عناصر بلوک و عناصر درون خطی Unit 1: Block Elements & Inline Elements

  • واحد 4: تعریف سربرگ، بدنه و پاورقی جدول Unit 4: Defining Table Header, Body & Footer

  • واحد 2: تعریف مراجع تصویر Unit 2: Defining Image References

  • واحد 4: از پیش تعریف ستون های جدول Unit 4: Predefining Table Columns

نمایش نظرات

آموزش بوت کمپ طراحی وب: وب سایت های کدنویسی دستی با HTML و CSS *صفر تا قهرمان*
جزییات دوره
12h 35m
78
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
- از 5
ندارد
ندارد
ندارد
Angie Gross
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Angie Gross Angie Gross

یادگیری HTML و CSS: طراحی وب آسان

سلام، نام من آنجی است. من یک طراح وب، هنرمند دیجیتال و عکاس با سالها تجربه در توسعه خلاق، طراحی وب و ساخت وب سایت با وردپرس و HTML هستم.

من تجربه تدریس حضوری گسترده ای دارم و دانش خود را به اشتراک می گذارم. در کلاس های درس پر از دانش آموزان برای بیش از 20 سال. تجربه تدریس در دنیای واقعی من به شکل قابل توجهی به دوره‌های آنلاین من کمک می‌کند—زیرا از تجربه می‌دانم چه چیزی مؤثر است و چه چیزی نه!

در سال 2002، زمانی که اولین وب سایت خود را ایجاد کردم، اشتیاق خود به طراحی وب را کشف کردم. کلاس HTML CSS که من در اینجا تدریس می کنم، در اصل برای آموزش دانش آموزان از برنامه های مربوط به طراحی و هنر طراحی شده است تا مهارت های لازم برای ساخت وب سایت ها را از ابتدا در سطح حرفه ای به دست آورند.

این بدان معناست که شما حتی نیازی به آن ندارید. برای پیوستن به بوت کمپ طراحی وب من و کسب مهارت های برنامه نویسی پیشرفته HTML و CSS برای کدنویسی وب سایت ها به تنهایی یک فرد متخصص باشید!

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

جدا. از توسعه وب، علایق من شامل ایجاد آثار هنری دیجیتال، فتوشاپ، وبلاگ نویسی و سئو است.