دوره آموزشی جاوا اسکریپت HTML CSS برای توسعه دهندگان وب مدرن UI/UX

HTML CSS JavaScript Course for UI/UX Modern Web Developers

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

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

بیاموزید که هوش مصنوعی برای یادگیری آینده چیست

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


آموزش کدنویسی UI/UX، HTML، CSS و جاوا اسکریپت اولین گام برای کدنویسی است که برای موفقیت در توسعه WebApp باید یاد بگیرید، یادگیری و درک آن آسان است دوره آموزشی آنلاین HTML، CSS و JavaScript ما طراحی شده است. برای شما با مراحل کامل نیاز به یادگیری مباحث کامل توسعه دهندگان وب. آقای سخار متلا [MCP - Microsoft Certified Professional] حتی موضوعات پیچیده ای را برای شما توضیح می دهد تا ساده تر شود و به شما آموزش دهد که حتی مبتدیان نیز می توانند به راحتی با مثال های بلادرنگ درک کنند.


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


کاوش کنید که چگونه می توانید از ابتدا وب سایت ایجاد کنید!!!


موضوعات دوره گام به گام شامل همه چیزهایی بود که برای شروع و یادگیری تمام مفاهیم اصلی اصلی طراحی وب و توسعه وب نیاز دارید.


آموزش حرفه ای از مربی با بیش از 20 سال تجربه توسعه وب آماده است تا به شما در یادگیری و پاسخ به هر سؤالی که دارید کمک کند.


این دوره همه چیزهایی را که باید در مورد HTML بدانید را پوشش می دهد


نحو اصلی - همه برچسب‌های رایجی که برای توسعه محتوای وب استفاده می‌شوند

با ایجاد نمونه های واقعی در مورد ساختار HTML در صفحات وب بیاموزید

عناصر معنایی HTML5 را کاوش کنید

الگوی HTML خود را بسازید

ایجاد لیست‌های HTML، لینک‌ها، ساختار، منوها و افزودن تصاویر

جداول را برای عناصر HTML حتی بیشتر بسازید

فرم‌ها را با نمونه‌های فرم عمیق و توضیحات تگ HTML ایجاد کنید و پارامترهای اصلی فرم را ایجاد کنید

افزودن iframe و عناصر HTML جالب تر به نحوه افزودن چندین وب سایت به یک صفحه

سایت HTML کوچک خود را تنها با استفاده از HTML ایجاد کنید تا ساختار اصلی وب سایت را درک کنید

همه اینها و موارد دیگر.


اکنون دوره شروع به پوشش دادن همه چیزهایی می کند که باید در مورد CSS بدانید


اصول یک ظاهر طراحی برای شروع نوشتن کد سبک

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

همه رنگ‌های فونت‌ها و پس‌زمینه‌های توضیح‌داده‌شده در این دوره آموزشی را برای رنگ‌ها و فونت‌های رایگان کاوش کنید

ویژگی‌های نمایش محتوا را در CSS به شرح زیر منتقل کنید: جفت‌های ارزش بسیاری را توضیح دادند

با نحوه اعمال استایل در HTML معمولی مانند لیست‌ها، جداول، Divs و موارد دیگر آشنا شوید

خیلی چیزهایی که برای استایل دادن به متن و زیبا جلوه دادن آن نیاز دارید - از جمله فونت‌های Google

شناور برای قرار دادن عناصر و محتوا در صفحه پاسخگو

MODEL BOX - بالشتک، حاشیه، حاشیه، ارتفاع و عرض برای هر عنصر موقعیت یابی CSS

کار با هایپرلینک ها، زیبا جلوه دادن آنها و نگه داشتن افکت ها برای مدیریت انواع مختلف

کلاس شبه CSS


این دوره هر آنچه را که باید در مورد برنامه نویسی جاوا اسکریپت بدانید را پوشش می دهد


نحوه نوشتن اصول اولیه جاوا اسکریپت را از ابتدا کاوش کنید

انواع داده ها بلوک های سازنده کدگذاری هستند

استفاده از متغیرها و انواع برای تخصیص داده ها

نوع داده مدرن Let, Const توضیح داده شد

عملکردهایی که بلوک‌های کد را فراخوانی می‌کنند

عملگرهای جاوا اسکریپت و نحو انتساب با مثال های کاری

اشیاء و آرایه های جاوا اسکریپت

شرایط و سوئیچ‌ها برای اعمال منطق

حلقه های جریان و تکرار از طریق داده را کنترل کنید

شئ سند برای دستکاری محتوای عنصر HTML

انتخاب عناصر در DOM

دستکاری محتوای عنصر و خروجی متن

افزودن استایل و کلاس ها با استفاده از جاوا اسکریپت

شنوندگان رویداد برای افزودن تعامل کاربر به محتوای وب شما

ساخت و ایجاد عناصر با جاوا اسکریپت

چالش های تمرین کدنویسی در درس ها با راه حل های گام به گام

صفحه وب خود را با انیمیشن ها و افکت های اسلاید، محو و انیمیشن زنده کنید

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

تجسم داده ها و اعتبارسنجی سمت مشتری


از کارشناسان دنیای واقعی بیاموزید


درباره مربی شما

سخار متلا یک مهندس نرم افزار با 20 سال تجربه حرفه ای است. او نویسنده چندین دوره فروش آنلاین Udemy با بیش از 50000 دانشجو در بسیاری از کشورها است. او دارای مدرک کارشناسی ارشد در برنامه های کاربردی کامپیوتر در مهندسی نرم افزار است. شاگردانش او را فردی پرشور، عملگرا و با انگیزه در تدریسش توصیف می کنند.


منتظر چه چیزی هستید، اکنون بپیوندید تا شروع به یادگیری نحوه ایجاد حرفه توسعه وب UI/UX خود کنید :)



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

شروع به کار Getting Started

  • مقدمه Introduction

  • برنامه درسی دوره Course Curriculum

  • نحوه دریافت الزامات دوره How to Get Course requirements

  • شروع به کار در ویندوز، لینوکس یا مک Getting Started on Windows, Linux or Mac

  • چگونه از یک سوال بزرگ بپرسیم How to ask a Great Questions

  • سوالات متداول FAQ’s

  • کد منبع چیست؟ What is Source code

  • بیاموزید Generative AI/Generative AI چیست Learn What is Generative AI / Gen AI

راه اندازی محیط توسعه Setting up Development Environment

  • مقدمه Introduction

  • انتخاب ویرایشگر کد Choosing Code Editor

  • نصب ویرایشگر کد (متن عالی) Installing Code Editor(Sublime Text)

  • نمای کلی یک صفحه وب Overview of a Webpage

  • صفحه کد کامل HTML Full HTML Code Page

  • اول "سلام دنیا!" صفحه First “Hello World!” page

  • خلاصه Summary

اصول HTML HTML Fundamentals

  • مقدمه Introduction

  • سرفصل Heading

  • پاراگراف Paragraph

  • قالب بندی متن Formatting text

  • فهرست موارد بدون ترتیب List Items Un Ordered

  • فهرست موارد مرتب شده List Items Ordered

  • کلاس ها Classes

  • شناسه ها در CSS ID’s in CSS

  • نظرات در HTML Comments in HTML

  • خلاصه Summary

HTML متوسط HTML Intermediate

  • مقدمه Introduction

  • تصاویر Images

  • فرم ها Forms

  • فرم اقدامات Form Actions

  • برچسب Br Br tag

  • خیمه شب بازی Marquee

  • ناحیه متن Text area

  • جداول Tables

  • پیوندها Links

  • نوار ناوبری/منو Navbar / Menu

  • موجودیت های HTML HTML Entities

  • تگ Div Div tag

  • نقشه های گوگل Google Maps

  • خلاصه Summary

HTML پیشرفته HTML Advanced

  • مقدمه Introduction

  • صوتی HTML5 HTML5 Audio

  • ویدئوی HTML5 HTML5 Video

  • نوار پیشرفت Progress Bar

  • کشیدن و رها کردن Drag & Drop

  • بوم Canvas

  • قاب می کنم I frames

  • انواع ورودی Input Types

  • ویژگی های ورودی Input Attributes

  • پیوند ویدیوی YouTube YouTube Video Linking

  • ایجاد صفحه واکنش گرا Creating Responsive Page

  • خلاصه Summary

کارشناس HTML HTML Expert

  • مقدمه Introduction

  • فرم ثبت نام Registration Form

  • فرم ورود Login Form

  • درباره ما فرم About Us Form

  • فرم تماس با ما Contact Us Form

  • فرم پاورقی Footer Form

  • همه را با هم ادغام کنید Integrate All Together

  • تمرین کدنویسی Coding Exercise

  • راه حل تمرین کدنویسی Solution for Coding Exercise

  • خلاصه Summary

پروژه وب سایت HTML HTML Website Project

  • مقدمه Introduction

  • چالش - صفحه ساعت HTML 5 با اعداد Challenge – HTML 5 Clock Face with Numbers

  • بررسی اجمالی پروژه Project Overview

  • نتیجه گیری در مورد پروژه Conclusion on Project

  • خلاصه Summary

اصول CSS CSS Fundamentals

  • مقدمه Introduction

  • نحو CSS CSS Syntax

  • ساخت صفحه وب با CSS Creating webpage with CSS

  • CSS درون خطی Inline CSS

  • CSS داخلی Internal CSS

  • CSS خارجی External CSS

  • کلاس های CSS CSS Classes

  • شناسه های CSS CSS IDs

  • رنگ ها Colors

  • پس زمینه ها Backgrounds

  • شناور Floating

  • موقعیت یابی Positioning

  • حاشیه ها Margins

  • بالشتک Padding

  • مرزها Borders

  • خلاصه Summary

CSS Intermediate CSS Intermediate

  • مقدمه Introduction

  • استایل دادن به متن Styling Text

  • تراز کردن متن Aligning Text

  • پیوندهای یک ظاهر طراحی شده Styling Links

  • خانواده فونت Font Family

  • سبک های فونت Font Styles

  • استفاده از فونت های گوگل Applying Google Fonts

  • مدل جعبه Box Model

  • نمادها Icons

  • جداول Tables

  • Navigation-Menu Navigation-Menu

  • کشویی Dropdowns

  • خلاصه Summary

CSS پیشرفته CSS Advanced

  • مقدمه Introduction

  • انتخابگرهای پیشرفته Advanced Selectors

  • فرم ها Forms

  • طرح بندی وب سایت Website Layout

  • گوشه های گرد Rounded Corners

  • کلمات کلیدی رنگی Color Keywords

  • انیمیشن ها Animations

  • کلاس های شبه Pseudo Classes

  • گرادیان ها Gradients

  • سایه ها Shadows

  • محاسبات Calculations

  • ایجاد صفحه واکنش گرا Creating Responsive Page

  • خلاصه Summary

کارشناس CSS CSS Expert

  • مقدمه Introduction

  • سبک های دکمه Button Styles

  • فلکس باکس Flexbox

  • شبکه CSS CSS Grid

  • صفحه بندی Pagination

  • ستون های متعدد Multiple Columns

  • انعکاس تصویر Image Reflection

  • طراحی UI/UX UI / UX Design

  • آیکون های رسانه های اجتماعی Social Media Icons

  • اضافه کردن سبک CSS خارجی External CSS Style adding

  • تمرین کدنویسی Coding Exercise

  • راه حل تمرین کدنویسی Solution for Coding Exercise

  • خلاصه Summary

پروژه وب سایت CSS CSS Website Project

  • مقدمه Introduction

  • دریافت پروژه CSS CSS Project Getting

  • بررسی اجمالی پروژه CSS CSS Project Overview

  • خلاصه Summary

شروع جاوا اسکریپت JavaScript Getting Started

  • جاوا اسکریپت چیست؟ What is JavaScript

  • نصب ویرایشگر کد (متن عالی) Installing Code Editor(Sublime Text)

  • نصب ویرایشگر کد (کد ویژوال استودیو) Installing Code Editor(Visual Studio Code)

  • برنامه سلام جهان Hello World Program

  • خروجی گرفتن Getting Output

  • خلاصه Summary

مبانی جاوا اسکریپت JavaScript Fundamentals

  • مقدمه Introduction

  • جاوا اسکریپت داخلی Internal JavaScript

  • جاوا اسکریپت خارجی External JavaScript

  • جاوا اسکریپت درون خطی Inline JavaScript

  • Async و به تعویق انداختن Async and defer

  • متغیرها Variables

  • انواع داده ها Data Types

  • اعداد Numbers

  • بولی Boolean

  • آرایه ها() Arrays()

  • اشیاء Objects

  • نظرات Comments

  • خلاصه Summary

رشته ها Strings

  • مقدمه Introduction

  • رشته ها Strings

  • قالب بندی رشته String Formatting

  • روش های رشته ای String Methods

  • خلاصه Summary

اپراتورها Operators

  • مقدمه Introduction

  • عملگرهای حسابی Arithmetic operators

  • اپراتورهای واگذاری Assignment operators

  • عملگرهای مقایسه Comparison operators

  • عملگرهای منطقی Logical operators

  • خلاصه Summary

اظهارات مشروط Conditional Statements

  • مقدمه Introduction

  • اگر بیانیه If statement

  • بیانیه در غیر این صورت If-else statement

  • بیانیه اگر-دیگر-اگر If-else-if statement

  • عبارت Switch-case Switch-case statement

  • خلاصه Summary

بیانیه های جریان را کنترل کنید Control Flow Statements

  • مقدمه Introduction

  • در حالی که حلقه While loop

  • حلقه Do-while Do-while loop

  • برای حلقه For loop

  • شکستن Break

  • ادامه دهید Continue

  • تمرین کدنویسی Coding Exercise

  • راه حل تمرین کدنویسی Solution for Coding Exercise

  • خلاصه Summary

توابع Functions

  • مقدمه Introduction

  • ایجاد یک تابع Creating a Function

  • فراخوانی تابع () Function Call()

  • عملکرد با پارامترها Function with parameters

  • تابع Bind() Function Bind()

  • خلاصه Summary

تجسم داده (گوگل چت) Data Visualization(Google Chats)

  • مقدمه Introduction

  • نحوه استفاده از اسکریپت نمودار گوگل How to Use Google chart script

  • نمودار نمودار خطی Line Graph chart

  • نمودار نمودار پراکندگی Scatter plots chart

  • نمودار میله ای Bar chart

  • نمودار دایره ای Pie chart

  • نمودار دایره سه بعدی 3D Pie chart

  • خلاصه Summary

رسیدگی به خطا Error Handling

  • مقدمه Introduction

  • سعی کن بگیر Try-catch

  • سعی کن بالاخره بگیر Try-catch-finally

  • خلاصه Summary

اعتبار سنجی سمت مشتری Client-side Validations

  • مقدمه Introduction

  • در ارسال اعتبار On Submit Validation

  • اعتبار سنجی عددی ورودی Input Numeric Validation

  • اعتبار سنجی فرم ورود Login Form Validation

  • اعتبار سنجی بررسی قدرت رمز عبور Password Strength Check Validation

  • خلاصه Summary

وب سایت خود را به صورت زنده منتشر کنید Publish Your Website for Live

  • مقدمه Introduction

  • نصب راه حل FTP رایگان (FileZilla) Installing Free FTP Solution (FileZilla)

  • راه اندازی FTP (پروتکل انتقال فایل) Setting Up FTP (File Transfer Protocol)

  • وب سایت را در سرور میزبانی وب منتشر کنید Publish Website to Hosting Server

  • خلاصه Summary

نمایش نظرات

Udemy (یودمی)

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

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

دوره آموزشی جاوا اسکریپت HTML CSS برای توسعه دهندگان وب مدرن UI/UX
جزییات دوره
18 hours
199
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,450
4.6 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Metla Sudha Sekhar Metla Sudha Sekhar

توسعه دهنده و مدرس اصلی