آموزش طراحی وب پاسخگو: HTML5 + CSS3 برای کارآفرینان 2018

Responsive Web Design: HTML5 + CSS3 for Entrepreneurs 2018

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

مفاهیم، ​​ابزارها و عملکردهای اساسی را که برای ساختن وب‌سایت‌های زیبا و مدرن با استفاده از HTML5 CSS3 نیاز دارید، بیاموزید.

با این آموزش برای مبتدیان، پایه ای قوی در HTML و CSS ایجاد کنید.

  • کد در HTML
  • کد در CSS
  • درک مدل جعبه CSS
  • CSS و HTML را برای ایجاد یک وب سایت زیبا و مدرن ترکیب کنید


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

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

محتوا و مرور کلی

مناسب برای برنامه نویسان مبتدی، از طریق این دوره شامل 56 سخنرانی و 6 ساعت محتوا، با دانلود یک ویرایشگر متن و کدنویسی در HTML شروع می کنید. سخنرانی‌های تصادفی «چالش‌های» خاصی دارند.

پس از ایجاد برخی از صفحات وب اولیه و یادگیری در مورد نحو HTML، به تفاوت ها و تغییرات در HTML 5 خواهیم پرداخت. (استاندارد امروزی)

با ایجاد اصول اولیه HTML، ما شروع به فرو رفتن در دنیای شیوه نامه های آبشاری خواهیم کرد. (CSS) ما می توانیم با مقابله با هر دو به طور همزمان، یادگیری خود را افزایش دهیم.

در نهایت، دوره را به "حالت پروژه" می‌بریم. ما قدم به قدم، خط به خط پیش می رویم و وب سایت مدرن و زیبای خود را با استفاده از CSS3 و HTML5 کدنویسی می کنیم.


این دوره برای ایجاد پایه ای در برنامه نویسی با یادگیری HTML5 و CSS3 ایجاد شده است. اینها بلوک های سازنده همه وب سایت ها هستند.

هدف این دوره آموزش کدنویسی روزانه به افراد است، نه فقط رشته های علوم کامپیوتر.




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

بیایید کمی HTML 5 یاد بگیریم Lets Learn Some HTML 5

  • براکت: ویرایشگر متن انتخابی ما Brackets: Our Text Editor of Choice

  • براکت دانلود Brackets Download

  • بیایید کدگذاری کنیم! اولین سند HTML ما توضیح داده شد Let's Code! Our First HTML Document Explained

  • اولین کد منبع HTML Doc First HTML Doc Source Code

  • تگ های اصلی HTML Basic HTML Tags

  • کد منبع تگ های HTML پایه Basic HTML Tags Source Code

  • ویژگی های تصویر و پیوند Image Attributes & Link

  • ویژگی های تصویر و کد منبع پیوند Image Attributes & Link Source Code

  • قالب بندی HTML HTML Formatting

  • کد منبع قالب بندی HTML HTML Formatting Source Code

  • نقل قول ها و نقل قول ها Citations & Quotations

  • کد منبع عناصر نقل قول ها و نقل قول ها Citations & Quotations Elements Source Code

  • نظرات Comments

  • پروژه جدید و چالش یک New Project & Challenge One

  • بیشتر در پیوندها More on Links

  • اطلاعات بیشتر در مورد کد منبع پیوندها More on Links Source Code

  • تصاویر Images

  • لیست ها Lists

  • کد منبع را فهرست می کند Lists Source Code

  • جداول Tables

  • کد منبع جداول Tables Source Code

  • Divs & Spans - بلوک های ساختمانی مهم Divs & Spans - Important Building Blocks

  • شناسه ها و کلاس ها ID's and Classes

  • کد منبع شناسه و کلاس ها ID's and Classes Source Code

  • بلوک های ساختمانی و چیدمان Building Blocks & Layout

  • فرم های ساده HTML Simple HTML Forms

  • کد منبع فرم های HTML ساده Simple HTML Forms Source Code

  • کنوانسیون ها و نکات HTML5 HTML5 Conventions and Tips

  • عناصر HTML5 HTML5 Elements

بیایید کمی HTML 5 یاد بگیریم Lets Learn Some HTML 5

  • براکت: ویرایشگر متن انتخابی ما Brackets: Our Text Editor of Choice

  • براکت دانلود Brackets Download

  • بیایید کدگذاری کنیم! اولین سند HTML ما توضیح داده شد Let's Code! Our First HTML Document Explained

  • اولین کد منبع HTML Doc First HTML Doc Source Code

  • تگ های اصلی HTML Basic HTML Tags

  • کد منبع تگ های HTML پایه Basic HTML Tags Source Code

  • ویژگی های تصویر و پیوند Image Attributes & Link

  • ویژگی های تصویر و کد منبع پیوند Image Attributes & Link Source Code

  • قالب بندی HTML HTML Formatting

  • کد منبع قالب بندی HTML HTML Formatting Source Code

  • نقل قول ها و نقل قول ها Citations & Quotations

  • کد منبع عناصر نقل قول ها و نقل قول ها Citations & Quotations Elements Source Code

  • نظرات Comments

  • پروژه جدید و چالش یک New Project & Challenge One

  • بیشتر در پیوندها More on Links

  • اطلاعات بیشتر در مورد کد منبع پیوندها More on Links Source Code

  • تصاویر Images

  • لیست ها Lists

  • کد منبع را فهرست می کند Lists Source Code

  • جداول Tables

  • کد منبع جداول Tables Source Code

  • Divs & Spans - بلوک های ساختمانی مهم Divs & Spans - Important Building Blocks

  • شناسه ها و کلاس ها ID's and Classes

  • کد منبع شناسه و کلاس ها ID's and Classes Source Code

  • بلوک های ساختمانی و چیدمان Building Blocks & Layout

  • فرم های ساده HTML Simple HTML Forms

  • کد منبع فرم های HTML ساده Simple HTML Forms Source Code

  • کنوانسیون ها و نکات HTML5 HTML5 Conventions and Tips

  • عناصر HTML5 HTML5 Elements

CSS3 و پروژه اول CSS3 & First Project

  • مقدمه ای بر CSS Introduction to CSS

  • CSS خود را کجا قرار دهیم Where To Put Our CSS

  • نحو Syntax

  • مقدمه ای بر انتخابگرها Introduction to Selectors

  • انتخابگرهای کلاس و گروه بندی Classes & Grouping Selectors

  • رنگ های پس زمینه و تصاویر Background Colors & Images

  • مدل جعبه CSS The CSS Box Model

  • Inforgraph مدل جعبه Box Model Inforgraph

CSS3 و پروژه اول CSS3 & First Project

  • مقدمه ای بر CSS Introduction to CSS

  • CSS خود را کجا قرار دهیم Where To Put Our CSS

  • نحو Syntax

  • مقدمه ای بر انتخابگرها Introduction to Selectors

  • انتخابگرهای کلاس و گروه بندی Classes & Grouping Selectors

  • رنگ های پس زمینه و تصاویر Background Colors & Images

  • مدل جعبه CSS The CSS Box Model

  • Inforgraph مدل جعبه Box Model Inforgraph

پروژه: وب سایت صفحه فرود عالی PROJECT: Awesome Landing Page Website

  • کد منبع پروژه Project Source Code

  • دانلودهای تصویر هدر Header Image Downloads

  • <header> HTML5 <header> HTML5

  • اولین راه اندازی وب سایت First Website Setup

  • مرکز <div>، شناور، و استایل منو Center <div>, Floating, & Menu Styling

  • بخش ویژگی Feature Section

  • چالش: رفع مشکل فاصله CHALLENGE: Fix The Spacing Issue

  • چالش: راه حل CHALLENGE: Solution

  • اضافه کردن دکمه پخش Adding The Play Button

  • ایجاد و استایل دادن به فرم Creating & Styling A Form

  • عنوان ویژگی Feature Title

  • ستون های ویژه Featured Collumns

  • 2 راه اندازی ستون 2 Column Setup

  • ویترین یک Showcase One

  • چالش: تکثیر بخش 2 ستونی CHALLENGE: Duplicating 2 Column Section

  • چالش: راه حل CHALLENGE: Solution

  • فراخوانی برای اقدام Call To Action

  • بخش فرم HTML HTML For Form Section

  • یک ظاهر طراحی شده به فرم Styling The Form

  • پاورقی اجتماعی Social Footer

  • کپی رایت Copyright

پروژه: وب سایت صفحه فرود عالی PROJECT: Awesome Landing Page Website

  • کد منبع پروژه Project Source Code

  • دانلودهای تصویر هدر Header Image Downloads

  • <header> HTML5 <header> HTML5

  • اولین راه اندازی وب سایت First Website Setup

  • مرکز <div>، شناور، و استایل منو Center <div>, Floating, & Menu Styling

  • بخش ویژگی Feature Section

  • چالش: رفع مشکل فاصله CHALLENGE: Fix The Spacing Issue

  • چالش: راه حل CHALLENGE: Solution

  • اضافه کردن دکمه پخش Adding The Play Button

  • ایجاد و استایل دادن به فرم Creating & Styling A Form

  • عنوان ویژگی Feature Title

  • ستون های ویژه Featured Collumns

  • 2 راه اندازی ستون 2 Column Setup

  • ویترین یک Showcase One

  • چالش: تکثیر بخش 2 ستونی CHALLENGE: Duplicating 2 Column Section

  • چالش: راه حل CHALLENGE: Solution

  • فراخوانی برای اقدام Call To Action

  • بخش فرم HTML HTML For Form Section

  • یک ظاهر طراحی شده به فرم Styling The Form

  • پاورقی اجتماعی Social Footer

  • کپی رایت Copyright

نمایش نظرات

Udemy (یودمی)

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

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

آموزش طراحی وب پاسخگو: HTML5 + CSS3 برای کارآفرینان 2018
جزییات دوره
5.5 hours
58
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
83,877
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Andrew Eddy Andrew Eddy

طراح گرافیک، کارآفرین و مدرس

Margot Dukes Margot Dukes

صاحب مدرسه طراحی