🎁 تخفیف استثنائی تمامی پکیج های آموزشی 🎁

آموزش طراحی سایت (HTML CSS Javascript)

توضیحات دوره

دوره جامع آموزش طراحی سایت

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

  • آیا به HTML 5 تسلط دارید؟
  • آیا به CSS 3 و قابلیت های جدید آن مانند Flexbox و CSS Grid تسلط دارید؟
  • میزان تسلط شما با Javascript در چه حدی است؟
  • میزان آشنایی شما با JQuery در چه حدی است؟
  • آیا با Responsive کردن سایت آشنا هستید؟
  • آیا نمونه کار واقعی جهت اثبات توانمندی های خود در زمینه های بالا را دارید؟

طراحی یک سایت مدرن و واقعی به صورت Responsive

در این دوره آموزشی ما تلاش کردیم تا مباحث را به صورت کامل و قدم به قدم به شما آموزش دهیم و در پایان دوره یک وب سایت مدرن و حرفه ای را پیاده سازی می کنیم تا شما جدا از یادگیری مباحث HTML 5 , CSS 3 , JavaScript , jQuery با نحوه طراحی و پیاده سازی یک وب سایت واقعی از 0 تا 100 آن آشنا شوید.

نکته حائز اهمیت این است که یادگیری مباحث HTML 5 , CSS 3 , JavaScript , jQuery کار آنچنان سختی نیست اما اینکه بتوان با استفاده از این ابزارها یک وب سایت واقعی را طراحی کرد و به ثمر رساند کار آسانی نیست.

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

اهمیت یادگیری طراحی سایت

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

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

آموزش طراحی سایت

در طول دوره آموزش طراحی سایت ما نمونه وب سایت های مختلفی را بسته به موضوعات مطرح شده طراحی می کنیم تا شما مباحث را راحت تر، عمیق تر و کاربردی تر درک نمایید، به نحوی که بتوانید ظاهر سایت ها را به خوبی طراحی و پیاده سازی کنید و پس از آن به راحتی بتوانید وارد سطوح بالاتر Front-End شوید و در شرکت های معتبر استخدام و مشغول به کار شوید. به جرات می توان گفت این آموزش به طور خاص، برای ساخت و تکمیل رزومه ی کاری شما به عنوان یک Web Designer طراحی شده است.

اگر بخواهیم به صورت خلاصه به آنچه در این بسته آموزشی گفته شده است بپردازیم، می توانیم این بسته را در 4 محور اصلی مورد بررسی قرار دهیم:

بخش اول پکیج آموزش طراحی سایت: آموزش HTML 5

آموزش HTML 5

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

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

بخش دوم پکیج آموزش طراحی سایت: آموزش CSS 3

آموزش CSS3

CSS یک زبان نشانه گذاری تحت وب است که برای توصیف ظاهر وب‎ سایت استفاده می‎ شود. هدف از تولید زبان css در حقیقت جداسازی اطلاعات محتوایی سایت که توسط زبان HTML نوشته شده اند از اطلاعات ظاهری مانند صفحه آرایی، رنگ بندی، سایز و نوع فونت می باشد. این جداسازی باعث افزایش سرعت بارگذاری سایت، انعطاف پذیری بیشتر برای کنترل ویژگی های ظاهری، قابلیت طراحی چندین صفحه با یک فرمت یکسان و جلوگیری از انجام کارهای تکراری در طراحی وب سایت می گردد. از آنجا که مبحث CSS بسیار مهم است و نقش بسزایی در جذابیت های ظاهری سایت دارد، ما در بسته آموزش طراحی سایت در طی چندین فصل به طور کامل به آموزش CSS پرداخته ایم و متناسب با هر فصل یک نمونه وب سایت طراحی کرده ایم، تا شما قابلیت ها و امکانات جدید CSS را به صورت کامل و کاربردی فرا بگیرید و بتوانید وب سایت های زیبا و جذابی را طراحی نمایید.

آموزش Flexbox و آموزش CSS Grid

آموزش flexbox و آموزش css grid

ما همیشه صفحه آرایی را با استفاده از عناصر و ویژگی هایی انجام می دادیم که هدف آن ها صفحه آرایی نبوده است. تا قبل از معرفی شدن Flexbox و CSS Grid ما از جداول HTML و پس از آن از ویژگی float و position برای صفحه آرایی و چیدمان عناصر HTML استفاده می کردیم. اما مشکلی که وجود داشت، این عناصر و ویژگی ها مختص صفحه آرایی نبودند و برای کاربرد دیگری ایجاد شده اند. به همین دلیل استفاده کردن از این ویژگی ها برای صفحه آرایی مشکلاتی را به همراه داشت.

تا اینکه بالاخره ماژولی به نام Flexbox مطرح شد. Flexbox یک ماژول صفحه آرایی تک بعدی در طراحی صفحات وب است که به طراحان وب کمک می کند بدون استفاده از روش های قدیمی مانند float و position چیدمان و صفحه آرایی صفحات وب خود را به راحتی انجام دهند. در این دوره ماژول Flexbox به طور کامل و به صورت کاربردی در قالب یک پروژه آموزش داده شده تا شما از این پس به راحتی بتوانید چیدمان و ترازبندی عناصر صفحات وب خود را انجام دهید. حتی در این دوره در دو فصل مجزا به آموزش کامل سیستم صفحه آرایی جدید CSS به نام CSS Grid پرداختیم که یک تکنیک عالی دیگر برای صفحه آرایی و چیدمان عناصر HTML است. شما با استفاده از این دو ماژول خیلی راحت می توانید طراحی صفحات وب خود را انجام دهید و از طراحی سایت لذت ببرید.

آموزش ریسپانسیو کردن سایت (Responsive Web Design)

آموزش ریسپانسیو کردن سایت

طراحی سایت واکنشگرا مربوط به تغییر ظاهر صفحات سایت متناسب با سایز صفحه نمایش دستگاه کاربران است. امروزه کاربران با موبایل، تبلت، لپتاپ و سیستم هایی با مانیتورهای wide از اینترنت استفاده می‌کنند و بنابراین صفحات وب سایت ما باید به گونه‌ای طراحی شده باشند که کاربران موقع بازدید و استفاده از این صفحات نیاز به زوم کردن، اسکرول کردن افقی و… را نداشته باشند و  وب سایت ما در صفحه نمایش های مختلف با اندازه های مختلف به درستی نمایش پیدا کند. در این دوره ما به طور کامل در رابطه با Media Query ها صحبت کرده ایم و به شما یاد می دهیم که چطور بدون استفاده از فریمورک ها سایت خود را ریسپانسیو کنید. حتی یاد می گیریم که چطور با کمک Flexbox و CSS Grid ریسپانسیو کردن سایت را راحت تر انجام داده و خیلی سریع سایت های خود را ریسپانسیو کنیم.

بخش سوم پکیج آموزش طراحی سایت: آموزش جاوا اسکریپت

آموزش javascript

JavaScript یکی از محبوبترین زبان های برنامه نویسی تحت وب است. زبان جاوا اسکریپت یک زبان سطح بالا، داینامیک، مبتنی بر شی و تفسیری است. از این زبان می توان برای برنامه نویسی سمت سرور (Server Side)، اپلیکیشن های موبایل، بازی و اپلیکیشن های دسکتاپ استفاده کرد.

در پکیج آموزش طراحی سایت به صورت قدم به قدم و حرفه ای زبان برنامه نویسی جاوا اسکریپت آموزش داده شده است. مباحثی شامل توابع، آرایه، Object ها، DOM و ... پرداخته شده است و مثال ها و پروژه های کاربردی بی نظیری در نظر گرفته شده است تا شما زبان جاوا اسکریپت را خیلی خوب فرا بگیرید و پس از آن بتوانید یادگیری فریم ورک های آن مثل React JS و Vue JS را شروع کنید و به عنوان Front-End مشغول کار شوید.

در این بخش به طور حرفه ای DOM (Document Object Model) بررسی شده است.

معرفی DOM

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

پاسخ تمام سوالات فوق در DOM است. در واقع DOM روشی برای دسترسی به عناصر صفحات وب و اعمال تغییرات بر روی آنهاست. در این دوره در بخش مربوط به DOM به صورت مفصل به خود DOM و Event ها که بخشی از DOM هستند پرداختیم و پس از آن در یک فصل مجزا نمونه مثال های مختلف و جذابی را با استفاده از DOM پیاده سازی می کنیم تا از طراحی سایت لذت ببرید.

بخش چهارم آموزش طراحی سایت: آموزش jQuery

آموزش jQuery

jQuery یک کتابخانه سبک از JavaScript است و شعار آن "کمتر بنویس ، بیشتر کار کن" می باشد.

jQuery وظایف متداول زیادی را به عهده دارد و برای انجام آنها نیاز به خطوط کد زیادی از JavaScript است که آنها را درون متدهایی بسته بندی می کند و شما می توانید تنها با یک خط کد آن ها را فراخوانی و اجرا کنید. jQuery همچنین بسیاری از موارد پیچیده JavaScript مانند فراخوانی AJAX و دستکاری DOM را ساده می کند.

فریمورک های دیگری از JavaScript نیز وجود دارد ، اما jQuery محبوب تر و قابل توسعه تر است.

در این دوره آموزشی به صورت قدم به قدم jQuery  آموزش داده می شود تا شما به خوبی با این کتابخانه محبوب آشنا شده و تسلط خوبی در استفاده از آن پیدا کنید. 

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

سرفصل دوره

آشنایی با مفاهیم پایه دنیای وب و نحوه کار وب (5 قسمت)

آشنایی با مفاهیم شبکه های کامپیوتری، اینترنت، وب
آشنایی با وب سرور (Web Server)
آشنایی با دامنه سایت و ویژگی های یک دامنه مناسب
آشنایی با هاست و انواع آن
آشنایی با DNS Server و نحوه کار وب

آشنایی با HTML 5 و تگ های HTML (12 قسمت)

آشنایی با زبان های Markup مانند HTML5
آشنایی با ساختار کلی یک سند html
معرفی IDE های مختلف برای طراحی وب سایت
نصب افزونه Live Server
HTML Heading
HTML Formmating
HTML Links
HTML Images
HTML Block & Inline
HTML List
HTML Table
HTML Entities

آشنایی و کار با CSS3 بخش اول (9 قسمت)

آشنایی با زبان نشانه گذاری CSS و کاربرد آن در طراحی سایت
آموزش انواع روش های استایل دهی با استفاده از CSS
آشنایی با base selector ها در CSS3
آموزش کار با رنگ ها در طراحی صفحات وب
آشنایی با افزونه Colorzilla
آموزش کار با ابزار Inspect Element مرورگرها
آموزش تزریق Font دلخواه به سایت با استفاده از CSS
CSS Box Model
CSS Borders

آشنایی و کار با CSS3 بخش دوم (9 قسمت)

CSS Background-image
CSS Background-position
CSS Background-repeat
CSS Background-clip
CSS Background Shorthand
آشنایی با float و clear برای چیدمان عناصر صفحه وب
CSS Layout - Float Examples
طراحی Button Link های زیبا
آموزش ایجاد منوی تک سطحی و Side Menu

آشنایی و کار با CSS3 بخش سوم (9 قسمت)

بررسی دقیق تر تگ های inline و block
بررسی رفتار تگ های inline-block
CSS Position و آشنایی با Position:relative
CSS Position و آشنایی با Position:absolute
CSS Position و آشنایی با Position:fixed
CSS Position و آشنایی با Position:sticky
تفاوت استفاده از Display و Visibility برای مخفی کردن عناصر صفحه HTML
آشنایی با فرم های ورود اطلاعات
طراحی یک فرم ثبت نام در سایت

پروژه اول: طراحی سایت هتل آتریا (7 قسمت)

طراحی منوی سایت
طراحی بخش ویترین سایت
طراحی بخش درباره ما
طراحی بخش خدمات هتل و استفاده از font awesome برای افزودن آیکون به سایت
طراحی صفحه درباره ما بخش اول
طراحی صفحه درباره ما بخش دوم
طراحی صفحه تماس با ما

ریسپانسیو کردن سایت (Responsive Web Design) (8 قسمت)

آشنایی با ریسپانسیو سایت (Responsive Web Design)
آشنایی با تگ Viewport و کاربرد آن
آشنایی با Media Query ها در CSS
کار با Media Query
ایجاد استایل های مختلف برای screen های مختلف
آشنایی با واحدهای اندازه گیری Absolute و Relative در CSS
کار با واحدهای اندازی گیری em و rem در css
ریسپانسیو کردن سایت هتل طراحی شده در فصل 6

آموزش Flexbox در CSS3 - بخش 1 (7 قسمت)

آشنایی با CSS Flexbox
آشنایی با پراپرتی های Letter Spacing and White Space جهت رفع مشکل Display inline-block
کار با ماژول Flex در CSS3
آشنایی با Flex Direction
تراز عناصر داخلی نسبت به محور اصلی با استفاده از ویژگی justify-content
تراز عناصر داخلی نسبت به محور عمودی با استفاده از ویژگی align-items
آشنایی با align-content

آموزش Flexbox در CSS3 - بخش 2 (5 قسمت)

تغییر ترتیب عناصر داخلی با استفاده از ویژگی order
انعطاف پذیری عناصر داخلی با flex-grow
انعطاف پذیری عناصر داخلی با Flex-shrink و flex-basis
آشنایی با ویژگی align-self
طراحی یک Layout با استفاده از Flexbox

پروژه دوم: طراحی سایت Portfolio با استفاده از CSS Flexbox (9 قسمت)

مشاهده demo وب سایت تک صفحه ای که در این فصل طراحی می شود
طراحی منوی سایت
طراحی هدر سایت
طراحی بخش سرویس ها و خدمات ما
طراحی بخش معرفی تیم کاری
طراحی بخش نمونه کارهای شرکت
طراحی بخش تماس با ما سایت
اضافه نمودن آدرس دفتر کار با استفاده از google map
ریسپانسیو کردن قالب برای صفحه نمایش های wide و mobile

CSS Selectors (6 قسمت)

Intro CSS Selectors
Simple Selectors (name,id,class)
Combinator Selectors ( space , > , + , ~ )
Pseudo-class Selectors
Pseudo-element Selectors
Attribute and Attribute value Selectors

Advance CSS (8 قسمت)

آموزش Linear-Gradient & Radial-Gradient
آموزش Box-Shadow
CSS Transforms
CSS Transitions
آموزش CSS Animations بخش اول
آموزش CSS Animations بخش دوم
CSS Filter Property
CSS Variables

آموزش Semantic Elements & HTML Media (4 قسمت)

HTML Audio
HTML Video
Introducing Semantic Tags
Semantic Web Elements

CSS Grid (10 قسمت)

آشنایی با CSS Grid و مفاهیم اولیه آن
کار با CSS Grid
Repeat and minmax functions
Grid Gap
معرفی auto-fill & auto-fit
Grid Areas
Spanning Column and Row
ترازبندی آیتم های Grid
مرتب سازی آیتم ها در Grid
Media Queries & The Grid

پروژه سوم: طراحی سایت خبری با استفاده از CSS Grid (16 قسمت)

معرفی سایت News
طراحی منو بخش اول
طراحی منو بخش دوم
طراحی منو بخش سوم
طراحی منو بخش چهارم
طراحی منو بخش پنجم
درج Favicon Icon
طراحی هدر سایت بخش اول
طراحی هدر سایت بخش دوم
طراحی هدر سایت بخش سوم
طراحی بخش لیست مقالات
طراحی فوتر سایت با استفاده از CSS Grid
اضافه نمودن فونت به سایت
طراحی صفحه Article
طراحی صفحه About
ریسپانسیو کردن قالب با Media Queries

مبانی برنامه نویسی (3 قسمت)

برنامه نویسی چیست و هدف از نوشتن برنامه ها
تاریخچه زبان های برنامه نویسی
معرفی کامپایلر و مفسر

الگوریتم نویسی و حل مسئله (4 قسمت)

آشنایی با الگوریتم
حل یک نمونه الگوریتم
آشنایی با ساختارهای شرطی در الگوریتم نویسی
آشنایی با حلقه های تکرار

آشنایی با زبان جاوا اسکریپت (10 قسمت)

آشنایی با زبان برنامه نویسی جاوا اسکریپت
نحوه استفاده از جاوا اسکریپت
بهترین موقعیت استفاده از جاوا اسکریپت در صفحات HTML
Comment ها در جاوا اسکریپت
آشنایی با متغیرها (variables)
انواع داده ها در زبان جاوا اسکریپت بخش اول
انواع داده ها در زبان جاوا اسکریپت بخش دوم
تعریف متغیرها با استفاده از const ، var و let
انواع عملگرها در زبان جاوا اسکریپت بخش اول
انواع عملگرها در زبان جاوا اسکریپت بخش دوم

شروع کار با جاوا اسکریپت (4 قسمت)

اولین برنامه به زبان جاوا اسکریپت (محاسبه میانگین 3 عدد)
دریافت اطلاعات با استفاده از ()Prompt
Type Conversions (تبدیل نوع)
مثال: محاسبه حقوق خالص دریافتی یک کارمند

ساختارهای کنترلی (11 قسمت)

معرفی ساختارهای کنترلی در Javascript
ساختار شرطی If else
ساختار Switch بخش اول
ساختار Switch بخش دوم
حلقه تکرار For بخش اول
حلقه تکرار For بخش دوم
حلقه های تو در تو (Nested Loops)
آشنایی با عبارت های break و continue
حلقه تکرار While
حلقه تکرار Do While
حل تمرین

توابع در جاوا اسکریپت (11 قسمت)

آشنایی با توابع و مزیت های نوشتن تابع
تعریف تابع در جاوا اسکریپت
فراخوانی تابع با پارامترهای متغیر
توابع تو در تو (Nested Function)
تابع بازگشتی (Recursive Function)
پیاده سازی فاکتوریل یک عدد با روش بازگشتی
معرفی انواع Scope ها (Local, Global, Block)
آشنایی با Hoisting در جاوا اسکریپت
Function Expressions
Arrow Functions
Self-Invoking Functions

آرایه در جاوا اسکریپت (10 قسمت)

آشنایی با آرایه و نحوه تعریف آرایه
آشنایی با مشخصه Length
متدهای کار با آرایه بخش اول
متدهای کار با آرایه بخش دوم
مرتب سازی آرایه
جستجو در آرایه
پیمایش عناصر آرایه با متد ForEach
پیمایش عناصر آرایه با استفاده از ساختار For-of
انجام عملیات بر روی مقادیر آرایه با متد map
فیلتر کردن مقادیر آرایه با متد filter

Object در جاوا اسکریپت (8 قسمت)

معرفی Object در جاوا اسکریپت
تفاوت Dot notation و Bracket notation
اضافه نمودن Property به Object
Object Methods
ساختار for..in برای پیمایش Object
Object.keys, values, entries
Object Constructors
Primitive and Reference value

Advanced DOM (7 قسمت)

آشنایی با DOM (Document Object Model)
انتخاب عناصر صفحه HTML با DOM
NodeList و HTMLCollection
ایجاد، اضافه و حذف عناصر صفحه HTML با DOM
استایل دهی عناصر صفحه HTML از طریق DOM
دسترسی به Attribute های تگ های HTML از طریق DOM
DOM Traversing (children, parent and Sibilings)

Advanced Events (10 قسمت)

آشنایی با Event ها و انواع روش های افزودن Event ها به عناصر HTML
آشنایی با Event Object
بررسی رویدادهای مربوط به موس (Mouse Events)
بررسی رویدادهای مربوط به صفحه کلید (Keyboard Events)
آشنایی با Event Flow or Event Propagation
Event Bubbling
Event Capturing
Event Delegation Implementing Tab Navigation
Lifecycle Dom Events
Load JavaScript with defer and async

طراحی نمونه مثال های کاربردی با استفاده از Dom و Event (14 قسمت)

طراحی Full Page Tabs بخش اول
طراحی Full Page Tabs بخش دوم
طراحی یک Accordion جهت مخفی کردن و نمایش دادن محتوا بخش اول
طراحی یک Accordion جهت مخفی کردن و نمایش دادن محتوا بخش دوم
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش اول
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش دوم
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش سوم
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش چهارم
استفاده از Local Storage جهت ثبت دائمی داده ها در مروگر
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش پنجم
طراحی یک اپلیکیشن برای ثبت لیست وظایف (Task List) بخش ششم
طراحی یک Slider حرفه ای بخش اول
طراحی یک Slider حرفه ای بخش دوم
طراحی یک Slider حرفه ای بخش سوم

اعتبارسنجی فرم ها (Form Validation) (9 قسمت)

آشنایی با اعتبارسنجی داده ها و انواع آن (Client-side & Server-side)
Automatic HTML Form Validation
JavaScript Form Validation
آشنایی با regular expressions بخش اول
آشنایی با regular expressions بخش دوم
اعتبارسنجی داده های فرم با regular expressions بخش اول
اعتبارسنجی داده های فرم با regular expressions بخش دوم
دسترسی به کنترل های Checkbox فرم
دسترسی به کنترل های Radio button و Drop-down List فرم

مدیریت خطاها در جاوا اسکریپت (Error handling) (6 قسمت)

آشنایی با Debugging و Error Handling
آشنایی با انواع خطاها در جاوا اسکریپت
خطایابی (Debugging) در جاوا اسکریپت
مدیریت خطا (Error Handling)
Throw error
آشنایی با Strict mode

در حال ضبط: آشنایی با jQuery (5 قسمت)

آشنایی با کتابخانه jQuery
اضافه کردن jQuery به صفحه و نحوه نوشتن jQuery
jQuery Selectors بخش اول
jQuery Selectors بخش دوم
jQuery Events

اطلاعات دوره آموزشی


  • مدرس دوره: محمد رامشینی
  • مدت زمان دوره: 54:18:13
  • تعداد ویدیو: 236
  • آخرین بروزرسانی: 1400/06/27

پیش نیازهای دوره

دوره آموزش طراحی سایت پیش نیاز خاصی ندارد و مطالب این دوره به صورت کامل از پایه آموزش داده می شود. در این دوره ما از Editor قدرتمند و محبوب Visual Studio Code استفاده کرده ایم و نحوه کار با این Editor و افزونه های آن را آموزش داده ایم.

تجهیزات و استاندارد های ضبط دوره ها

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

میکروفون ضبط صدا

آموزش asp.net core 5

مسلم است که یکی از مهمترین ویژگی های هر ویدیو آموزشی، کیفیت صدای ویدیو است که باید بدون نویز، واضح و شفاف باشد. کیفیت صدای فوق العاده، شفافیت و صدای بدون نویز، از اصلی ترین ویژگی های میکروفون RODE NT-USB است که موسسه آموزش آتریا از آن برای ضبط دوره ها استفاده می کند. اگر ویدیوهای رایگان دوره را مشاهده کرده باشید، به وضوح کیفیت صدای استاد را احساس می کنید.

تصویر مدرس در کنار ویدیوها

آموزش asp.net core 5

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

کیفیت 1080p Full HD ویدیوها

آموزش asp.net core 5

از آنجا که مهمترین دغدغه ما در تولید آموزش ها، کیفیت مطلوب است، تمام ویدیوهای موسسه آموزشی آتریا با بالاترین کیفیت یعنی 1080p ضبط شده اند. کیفیت بالای تصویر بسته ها باعث می شود تا شما کدها و اسلایدهای مورد استفاده مدرس را بهتر ببیند.

استاندارد زمانی ویدیوهای آموزشی

یکی از استانداردهای ویدیوهای آموزشی، توجه به مدت زمان آن ویدیو است. به نحوی که ویدیوها دارای مدت زمان بین 5 تا 20 دقیقه باشند تا منجر به خستگی دانشجو نگردد. برای این منظور سعی شده است تا حتی الامکان این استاندارد در ضبط ویدیوهای آموزشی رعایت شده باشد.

جامعیت دوره ها

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

سوالات متداول

آیا این دوره برای کسی که آشنایی زیادی با برنامه نویسی و طراحی سایت نداره مناسب خواهدبود؟

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

آیا بعد از این دوره می توانیم وارد بازار کار شویم؟

بله

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

آیا این دوره پروژه محور است؟

بله حتما

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

لطفا، بدون ریسک خرید کنید!

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

پلن های قیمتی

00ثانیه
00دقیقه
00ساعت
00روز

بسته پایه

  • ضمانت بازگرداندن وجه
  • دریافت به روزرسانی های دوره آموزشی
  • پشتیبانی از طریق واتساپ و تلفن
  • 3 ساعت خصوصی آنلاین جهت رفع اشکالات
  • 580,000 تومان 370,000
خرید دوره

بسته ویژه

  • ضمانت بازگرداندن وجه
  • دریافت به روزرسانی های دوره آموزشی
  • پشتیبانی از طریق واتساپ و تلفن
  • 3 ساعت خصوصی آنلاین جهت رفع اشکالات
  • 1,200,000 تومان 980,000
خرید دوره

دانشجویان این دوره، دوره های زیر را هم شرکت کرده اند

نظرات خود را به اشتراک بگذارید
موسسه آموزشی آتریا
نظرات (40)
محمدحسین
1400/06/19

سلام استاد توی این دوره آموزش ساخت درگاه پرداخت هم برای فروشگاه های اینترنتی میدید؟

مدیر آموزش
1400/06/19

سلام ارادت. پیاده سازی درگاه پرداخت اینترنتی مربوط به دوره های برنامه نویسی تحت وب مثل ASP.NET Core میشه و در دوره آموزش طراحی سایت ما آموزش برنامه نویسی سمت سرور نداریم. در این دوره ما یاد می گیریم که چطور قالب یا ظاهر یک سایت رو طراحی و پیاده سازی کنیم.

اشکان حاجی
1400/06/17

سلام استاد گرامی من تازه دورتون رو خریدم میخواستم بدونم بعد این دوره میتونیم تو رزومه خودمون بنویسیم مسلت کامل به HTML5 و CSS3 و Javascript و Sass و Canvas و FlexBox و Responsive و CSS Grid و JQuery منظور من اینه که تمام مباحس به شکل کامل درباره هرکدوم گفته شده یا فقد بخشی از هر کدوم وباید برای یاد گیری کامل دوره های دیگه ای رو خریداری کنیم وسوال دیگه ی من این هست که قراره مطالب این دوره خیلی زیاد باشه ایا نیاز هست که از روی دستورات جزوه برداری کنیم یا تمرین از روی اون ها کفاف میکنه یکم از فراموشی دستوران واهمه دارم

مدیر آموزش
1400/06/17

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

مجتبی
1400/05/21

سلام. تشکر بابت آموزش خوب. خواستم بدونم آموزش های جی کوئری کی شروع میشه؟

مدیر آموزش
1400/05/21

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

محمدحسین مستقیمی
1400/04/24

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

مدیر آموزش
1400/04/24

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

جلیله البوشوکه
1400/04/12

سلام مدیر بزرگوار شیوه اموزش بسیار عالی بوده من چیزایی زیادی یاد گرفتم این سایت نسبت به سایت های دیگه بسیار خوب بود

مدیر آموزش
1400/04/12

سلام ممنون از لطف شما

آذر
1400/03/31

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

مدیر آموزش
1400/03/31

سلام ممنون. لطف دارید، عید شما مبارک.

امیرمحمد عمویی
1400/03/30

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

مدیر آموزش
1400/03/30

سلام ممنون، بزرگوارید. بعد از این دوره که پیش نیازی برای دوره های React ، Angular و Vue.js هست، حتما دوره آموزش React را شروع خواهیم کرد.

زهره
1400/02/08

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

مدیر آموزش
1400/02/08

سلام ممنونم، بزرگوارید. خدا رو شکر که مورد رضایت قرار گرفته و براتون مفید بوده.

محمد
1400/02/06

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

مدیر آموزش
1400/02/06

سلام ارادت. لطف دارید، سعی کردیم با صبر و حوصله دوره پر محتوا و کاربردی رو آماده کنیم تا دوستان بتوانند راحت و اصولی طراحی سایت را یاد بگیرند و استفاده کنند.

علی هوشمند
1399/12/27

سلام استادبا توجه به اینکه بسیار عالی توضیح میدین ساده و روان توضیحات رو می فرمایید و همونطور که یکی دیگه از دوستان در کامنت ها فرمودند برای کسایی که از پایه میخوان بگیرن به جرات میشه گفت یکی از بهترین و کاملترین دوره ها است در صورت امکان لطفا در انتهای همین دوره مباحث Ajax و Json رو آموزش بدین. شش هفت سالی میشه که برنامه نویسی میکنم گاها تو این مباحث مشکل دارم مطمئنم خیلی از عزیزان دیگه هم هستن که این مشکل رو دارن. لطفا در صورت امکان مباحث رو در انتهای همین دوره اضافه کنید تا این مباحث یک بار برای همیشه حل شه

مدیر آموزش
1399/12/27

سلام ممنونم لطف دارید. Ajax و JSON زیاد مربوط به طراحی UI سایت نمی شوند. اما چشم اگر شد در یک یا دو فصل مباحث Ajax و JSON رو هم بهش می پردازیم.

رضا علمی
1399/12/25

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

مدیر آموزش
1399/12/25

سلام، بسیار ممنونم از شما دوست عزیز و انرژی ای که دادید. واقعا خوشحال میشیم که مفید واقع شده و دوستان احساس رضایت دارند.

پدرام رفعتی
1399/12/24

سلام وقت بخیر AJAX و JSON آموزش میدین؟ سوال بعدیم اینه که Asynchronous JavaScript رو هم آموزش میدین؟ jQuery رو هم ایا آموزش میدین؟ لطفا این موارد رو آموزش بدین و برای هرکدوم پروژه کوچولویی هم در نظر بگیرین

مدیر آموزش
1399/12/24

سلام، ارادت. در این دوره ما مبحث jQuery رو داریم اما بحث های Ajax و Json جز سرفصل دوره نیست. چرا که در طراحی UI نقشی ندارند. اما اگر دوستان تمایل به یادگیری داشته باشند، در یک دوره مجزا یا در انتهای این دوره پس از اتمام مباحث اصلی، می تونیم به این مباحث هم بپردازیم.

ali
1399/12/22

سلام سپاسگذارم دوره خیلی خوبی هست و واقعا قابل فهم و جذاب هست.

مدیر آموزش
1399/12/22

سلام لطف دارید. خوشحالیم که دوره آموزش طراحی سایت مورد رضایت شما قرار گرفته و برای شما جذاب بوده.

یزدان
1399/12/22

با سلام آیا به کسانی که دوره را خریداری کرده اند در هر به روزرسانی و اضافه شدن آموزش ها اطلاع رسانی در این رابطه می شود تا لازم نباشد هر روز سایت را چک کرد؟

مدیر آموزش
1399/12/22

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

پدرام رفعتی
1399/12/19

با سلام و احترام بسیار ممنونم از ارائه چنین دوره جذاب و پرباری لطفا در اتمام دوره عجله نکنید استاد و تمامی مباحث و ریزه کاری ها رو (همینطور که تا الان بود) اموزش بدین بسیار مباحث کاربردی و توضیحات بسیار بسیار کامل هست باز هم ممنونم لطفا برای اتمام دوره عجله نفرمایید

مدیر آموزش
1399/12/19

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

آریا
1399/12/13

سلام استاد دوره عالیه هر کی میخواد فرانت رو قشنگ یاد بگیره بهترین دورس واقعا خسته نباشید، استاد بعد این دوره آیا نیازه که BootStrap 4 رو هم یاد بگیریم؟

مدیر آموزش
1399/12/13

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

FATIMA
1399/11/30

استاد می خواستم یه پیشنهاد بدم که یه سری لاگین یا حالا قسمتهای دیگه که انیمیشینی هست و یاد بدین بخوام بهتر بگم تو یوتوب یه سری چیزا هست منتها چون توضیحات نداره که داره چیکار میکنه میشه کپی رایت یعنی چیزی یاد نمیگیره ادم شما اگه بتونین اموزشهارو بزارین خیلی خوب میشه یه منبع درآمدی درست میشه براتون هم ماها با چیزای بیشتری آشنا میشیم و بازم ممنون از آموزشهای خوبتون

مدیر آموزش
1399/11/30

بزرگوارید. حتما در انتهای این دوره مثال های متنوع و کاربردی با CSS، Javascript و JQuery خواهیم داشت. اما فعلا چون هدف اتمام JavaScript و JQuery است تا زودتر به پروژه نهایی برسیم و شرمنده عزیزان نباشیم، سعی می کنیم در پایان دوره در یک فصل مجزا نمونه مثال های متنوع و کاربردی رو پیاده سازی کنیم.

FATIMA
1399/11/30

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

مدیر آموزش
1399/11/30

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

محمد
1399/11/24

سلام خسته نباشید. آیا این دوره برای کسی که آشنایی زیادی با برنامه نویسی و طراحی سایت نداره مفیده؟

مدیر آموزش
1399/11/24

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

علی عطاری
1399/11/08

سلام bootstrap هم در این دوره آموزش داده میشه؟ JQuery رو هم آموزش میدین ؟ ایا پروژه نهایی هم وجود داره یا اینکه همون سایت خبری هست؟ ممنونم

مدیر آموزش
1399/11/08

باسلام و احترام. در این دوره مباحث HTML5, CSS3, Javascript, Sass, Canvas, FlexBox, Responsive, CSS Grid و JQuery آموزش داده خواهد شد و Bootstrap جزو سرفصل این دوره نخواهد بود. همچنین یک وبسایت مدرن به عنوان پروژه نهایی این دوره درنظر گرفته شده است.