وقتی یک ساختمانی شروع به ساخته شدن میکنه اول از همه پی ریزی و گود برداری و اسکلت بندی اون ساختمان انجام میشه و بعد از اینکه زیرساخت لازم انجام شد حالا نوبت به پیاده سازی بخش معماری و ظاهرسازی اون ساختمان میرسه تا نمای ساختمان ساخته و آماده بشه.
تمام محصولات نرم افزاری از جمله وب سایت ها نیاز به یک ظاهر شیک و جذاب برای جذب مخاطب خود دارند و علاوه بر شیک و جذاب بودن باید که ظاهر ساده ای هم برای کار کردن داشته باشند تا مخاطبی که وارد سایت میشه گیج نشه و به سادگی بتونه به محصولات و خدماتی که نیاز داره دسترسی داشته باشه.
اگر یک سایت رو به ساختمان تشبیه کنیم اون بخشی از سایت که ظاهر آن را میسازد در واقع نمای ساختمان هست که به آن فرانت گفته میشود و با استفاده از فرانت سایت مخاطبان مختلف میتوانند با سیستم سایتی که طراحی کنیم کار کنند تا به خدمات و محصولات ما دسترسی داشته باشند. به این بخش پیاده سازی ظاهر سایت در اصطلاح برنامه نویسی فرانت سایت گفته میشه که با استفاده از تکنولوژی های مختلف شروع به پیاده سازی و برنامه نویسی ظاهر سایت میکنیم تا بتوانیم سیستم های جذاب و کارا رو برای مخاطبان خودمون آماده سازی کنیم.
برای اینکه برنامه نویسی فرانت سایت رو انجام بدیم نیاز به یکسری تکنولوژی داریم تا بتونیم به خوبی زیرساخت های سایت رو درک کرده و با توجه به زیرساخت های سایت شروع به ساختن ظاهر سایت کنیم از جمله نیاز به یکسری زبان برنامه نویسی مثل زبان برنامه نویسی جاوااسکریپت و کتابخانه های آن داریم تا با استفاده از اون بتونیم که ظاهر سایت رو برنامه نویسی و آماده ی استفاده کنیم.
در دوره ی آموزشی برنامه نویسی فرانت سایت هر آنچه که شما برای تیدیل شدن به یک برنامه نویس فرانت سایت نیاز دارید به صورت کامل و شفاف و دقیق با کلی پروژه های سایت مختلف آموزش دادیم تا بتونید با استفاده از آن به سادگی ظاهرسازی سایت را انجام داده و شروع به درآمدزایی کنید. این دوره ی آموزشی کاملا پروژه محور بوده و با تمرینات مختلف و پروژه های متنوع از انواع سایت ها شما میتوانید که به مباحث مختلف برنامه نویسی فرانت سایت مسلط شده و در بازار کار جذاب این تخصص پولساز شروع به فعالیت کنید.
دوره ی آموزشی برنامه نویسی فرانت دارای پشتیبانی کامل و 24 ساعته هست که در هر ساعتی از شبانه روز که در حال آموزش دیدن باشید میتوانید از طریق سامانه ی پشتیبانی آموزشی وبیترن تیکت سوالات خود را ثبت کرده و در کوتاه ترین زمان ممکن از متخصصین فرانت اند مجموعه ی وبیترن پاسخ خود را دریافت کنید.
ترم اول آموزش ساختار HTML و استایل های CSS با تحلیل سیستم
خوش آمدگویی ورود به دوره برنامه نویسی Front-End
آماده سازی محیط برنامه نویسی
آشنایی بخش های طراحی سایت
مفاهیم تگ های در سایت
بررسی ساختار Header
استفاده از تگ a در سایت
تگ img در سایت
ایجاد table در سایت
page layout سایت
کار با فرم ساز
کار با input در سایت
معرفی سایت تمرین
تگ progress
ارسال اطلاعات به سرور
استفاده از ویدیو در سایت
global attribute در سایت
تگ های پرکاربرد در پروژه
شروع کار با استایل های CSS
تحلیل سایت
بررسی ساختار CSS
انواع رنگ در CSS
ساختار div
واحدهای اندازه گیری در سایت
واحد اندازه گیری vw
Padding, Margin, Border
Background Clip
ساختار Border
نکات تکمیلی Border
ساختار Margin در سایت
Padding
قوانین Width, Height
کار با دیزاین های outline
Text Edition
Text Edition بخش دوم
افزودن فونت
افزودن فونت بخش دوم
ماژول بندی CSS
اتصال سایت ها به همدیگه
استایل دهی به لیست ها
Table Designing
نکات تکمیلی Table
Web Display بخش اول
Web Display بخش دوم
موقعیت ها در سایت بخش اول
موقعیت ها در سایت بخش دوم
مفهوم Overflow
Float سایت
رفع مشکل Float
کار با Selector
انواع شبه المان
شبه کلاس ها
وراثت در استایل دهی
Opacity و RGB در استایل
استایل ها در عکس
فرم سازی و ارتباط با سرور
ترنزیشن در سایت
استایل Body
دکمه های سایت
ریسپانسیو سازی سایت
شروع پروژه ترم اول
پروژه بخش اول
پروژه بخش دوم
پروژه بخش سوم
پروژه بخش چهارم
پروژه بخش پنجم
پروژه بخش ششم
پروژه بخش هفتم
پروژه بخش هشتم
پروژه بخش نهم
پروژه بخش دهم
پروژه بخش یازدهم
پروژه بخش دوازدهم
ترم اول آموزش Flex Box
آشنایی با فلکس باکس
آشنایی با متدهای فلکس باکس
Wrapping
Flex Position
طراحی منو با فلکس
Containers
Flex Directions
Flex Grow
ریسپانسیو با فلکس بخش اول
ریسپانسیو با فلکس بخش دوم
ترم دوم آموزش Css Grid
آشنایی با ساختار Css Grid
اینجاد فایل های Grid
Grid Column
آشنایی با متدها در Grid
ساختار Grid Container
Grid Item
Grid Area
Grid Template Area
Grid Layout
تمرین گرید بخش اول
تمرین گرید بخش دوم
تمرین گرید بخش سوم
پروژه سایت مسافرتی بخش اول
پروژه سایت مسافرتی بخش دوم
پروژه سایت مسافرتی بخش سوم
پروژه سایت مسافرتی بخش چهارم
پروژه سایت مسافرتی بخش پنجم
پروژه سایت مسافرتی بخش ششم
پروژه سایت مسافرتی بخش هفتم
پروژه سایت مسافرتی بخش هشتم
پروژه سایت مسافرتی بخش نهم
پروژه سایت مسافرتی بخش دهم
پروژه سایت مسافرتی بخش یازدهم
پروژه سایت مسافرتی بخش دوازدهم
پروژه سایت مسافرتی بخش سیزدهم
پروژه سایت مسافرتی بخش چهاردهم
پروژه سایت مسافرتی بخش پانزدهم
ترم چهارم فریمورک Bootstrap
آشنایی با فریمورک بوت استرپ
نصب و راه اندازی بوت استرپ
آشنایی با ساختار دستوری بوت استرپ
آشنایی با ساختار دستوری بوت استرپ بخش دوم
لیست های بوت استرپ
بلاک های بوت استرپ
عکس ها در بوت استرپ
متغیرها در بوت استرپ
Offset در بوت استرپ
Positions در بوت استرپ بخش اول
Positions در بوت استرپ بخش دوم
Order, Align
Align, Position
Nav در بوت استرپ
Navbar در بوت استرپ
ساختار Components
Drop Menu
Forms
جمع کردن منو
دکمه ها در بوت استرپ
گروه بندی دکمه ها
Badge
Progress
Table در بوت استرپ
لایه بندی Table
کارت ها بخش اول
کارت ها بخش دوم
کارت ها بخش سوم
Media در بوت استرپ
Form Media در بوت استرپ
Authentication Forms
Input Groups
Popover
Modal
اطلاعات بیشتر در فرم ها
تولتیپ ها
Data Dismiss
ساخت منو با بوت استرپ
کروسل آیتم در بوت استرپ
ساختار پروژه ها در بوت استرپ
پروژه سایت نمایشگاهی بخش اول
پروژه سایت نمایشگاهی بخش دوم
پروژه سایت نمایشگاهی بخش سوم
پروژه سایت نمایشگاهی بخش چهارم
پروژه سایت نمایشگاهی بخش پنجم
پروژه سایت نمایشگاهی بخش ششم
پروژه سایت نمایشگاهی بخش هفتم
پروژه سایت نمایشگاهی بخش هشتم
پروژه سایت نمایشگاهی بخش نهم
پروژه سایت نمایشگاهی بخش دهم
پروژه سایت نمایشگاهی بخش یازدهم
پروژه سایت نمایشگاهی بخش دوازدهم
پروژه سایت نمایشگاهی بخش سیزدهم
پروژه سایت نمایشگاهی بخش چهاردهم
پروژه سایت نمایشگاهی بخش پانزدهم
پروژه سایت نمایشگاهی بخش شانزدهم
پروژه سایت نمایشگاهی بخش هفدهم
پروژه سایت نمایشگاهی بخش هجدهم
پروژه سایت نمایشگاهی بخش نوزدهم
پروژه سایت نمایشگاهی بخش بیستم
پروژه سایت نمایشگاهی بخش بیست و یکم
پروژه سایت نمایشگاهی بخش بیست و دوم
پروژه سایت نمایشگاهی بخش بیست و سوم
ترم پنجم آموزش زبان برنامه نویسی Javascript
آشنایی با زبان برنامه نویسی جاوااسکریپت
آشنایی با ساختار جاوااسکریپت
متغیرها در جاوااسکریپت
ساختار دستوری زبان جاوااسکریپت
آشنایی با کدنویسی در سایت
قواعد دستوری در جاوااسکریپت
علامت ها در جاوااسکریپت
توابع در جاوااسکریپت
ایونت ها در جاوااسکریپت
دستورات شرطی جاوااسکریپت
سوییچ در جاوااسکریپت
حلقه ها جاوااسکریپت بخش اول
حلقه ها جاوااسکریپت بخش دوم
کار با دکمه ها در جاوااسکریپت
Alerts در جاوااسکریپت
تعریف متغیر ثابت
لاگ ها در جاوااسکریپت
ترکیب توابع و فرم ها در سایت
Objectها در جاوااسکریپت
کلمات کلیدی در جاوااسکریپت
دیباگ در جاوااسکریپت
حلقه ها و فرم های جاوااسکریپت
توابع با ورودی
Doms در جاوااسکریپت
Doms Collection
Boms در جاوااسکریپت
کار با ویندوز در جاوااسکریپت
Popup در جاوااسکریپت
ترکیب توابع و ایونت ها در جاوااسکریپت
تکمیل فرم ها
تایمرها در جاوااسکریپت
بررسی ساختار Ajax و کاربرد آن
شروع کار با Ajax
ارتباط بین Front و Back
دریافت و نمایش اطلاعات
آشنایی با جیسون
آشنایی با API
CallBack در سایت
ساختار XMLhttpRequest
کار با API
Result & Reject
Fetch Method
Fetch Method, Promise
Async
پروژه سایت ارز دیجیتال بخش اول
پروژه سایت ارز دیجیتال بخش دوم
پروژه سایت ارز دیجیتال بخش سوم
پروژه سایت ارز دیجیتال بخش چهارم
پروژه سایت ارز دیجیتال بخش پنجم
پروژه سایت ارز دیجیتال بخش ششم
پروژه سایت ارز دیجیتال بخش هشتم
پروژه سایت ارز دیجیتال بخش نهم
پروژه سایت ارز دیجیتال بخش دهم
پروژه سایت ارز دیجیتال بخش یازدهم
پروژه سایت ارز دیجیتال بخش دوازدهم
پروژه سایت ارز دیجیتال بخش سیزدهم
پروژه سایت ارز دیجیتال بخش چهاردهم
پروژه سایت ارز دیجیتال بخش پانزدهم
پروژه سایت ارز دیجیتال بخش شانزدهم
پروژه سایت ارز دیجیتال بخش هفدهم
پروژه سایت ارز دیجیتال بخش هجدهم
پروژه سایت ارز دیجیتال بخش نوزدهم
پروژه سایت ارز دیجیتال بخش بیستم
پروژه سایت ارز دیجیتال بخش بیست و یکم
پروژه سایت ارز دیجیتال بخش بیست و دوم
پروژه سایت ارز دیجیتال بخش بیست و سوم
پروژه سایت ارز دیجیتال بخش بیست و چهارم
پروژه سایت ارز دیجیتال بخش بیست و پنجم
ترم ششم فریمورک React JS
آشنایی با React JS
ساختار React JS
جاوااسکریپت در React JS
ساخت المان در جاوااسکریپت
آرایه ها در جاوااسکریپت
ایجاد المان با استفاده از جاوااسکریپت
کار با CDN در React JS
تبدیل جاوااسکریپت خام به React JS
React Create Element
Components in React JS
Babel JS
مفهوم jsx
Functional Components
Class Components
لایه بندی فایل های پروژه React
تبدیل ساختار تکراری سایت به React
تمرین
تمرین باکس
دستورات شرطی در React JS
Conditional Rendering
Json Server
State and LifeCycle
React LifeCycle
کار با API در React JS
تمرین API
Component did update
Props در React JS
تمرین
Unmounting
Getdrivestate
LifeCycle
Login Form در React JS
Hooks
State Hooks
Use Effect
Lexical Scoping
React Redux بخش اول
React Redux بخش دوم
React Redux بخش سوم
React Redux بخش چهارم
React Redux بخش پنجم
React Redux بخش ششم
React Redux بخش هفتم
Reducer Function
پروژه React JS
ترم هفتم آموزش GIT, GITHUB
معرفی سیستم ورژن کنترل
نصب و راه اندازی GIT
Git Status, Git init
Git Stage
Branch
بازگشت به کامیت های قبلی
Git Log
Git Mixed
Git Ignore
Repository
Online Repository
Fork in Git
Connect to Repository
Git Pull, Git Push
ترم هشتم رزومه سازی و کسب درآمد دلاری
رزومه سازی و درآمد دلاری
ویژگی های یک رزومه ی خوب
آموزش سایت های کاریابی مخصوص طراحی سایت
آموزش گرفتن پروژه طراحی سایت داخلی
بررسی روش های گرفتن پروژه طراحی سایت
آموزش گرفتن پروژه های طراحی سایت خارجی
آموزش فعالیت در لینکدین
آموزش ارتباط با سایت های بین المللی و پروژه های دلاری
آموزش انتقال پول های دلاری به حساب ایران
طراح سایت باید طراحی هم بلد باشه ؟
کسی که کار طراحی سایت انجام میده طرح رو از طراح میگیره و پیاده سازی میکنه و نیاز نداره که خودش طراحی بلد باشه اما اگر دانش طراحی رو بدونید بهتون کمک میکنه.
برای برنامه نویسی فرانت چه سیستمی لازمه ؟
برای برنامه نویسی فرانت نیاز نیست سیستم خاصی مثل سیستم های بازی داشته باشی همین که بتونه یک مرورگر مثل کروم اجرا کنه و برنامه ی کدنویسی VSCode رو اجرا کنه کافی هست، حداقل 4 گیگ رم داشته باشه برای برنامه نویسی فرانت سایت کفایت میکنه.
با فرانت تنها هم میشه به درآمد رسید ؟
بله شما با یادگیری بک اند میتونید که در موقعیت های شغلی Front End Developer چه به صورت استخدامی و یا به صورت پروژه ای با پروژه های مختلف همکاری داشته باشید.
چقدر ریاضی برای طراجی سایت نیاز هست ؟
در طراحی سایت ریاضیات در حد جمع، تفریق، ضرب، تقسیم و باقی مانده است و ریاضیات پیچیده ای نداره.
زبان انگلیسی برای طراحی سایت اهمیت داره ؟
برای شروع آموزش طراحی سایت نیاز به داشتن زبان انگلیسی قوی نیست اما اگر بعدها بخواید که داکیومنت های زبان های برنامه نویسی رو به صورت زبان اصلی بخونید زبان انگلیسی نیازتون میشه.
آیا هوش مصنوعی باعث بیکاری طراحان سایت میشه ؟
هوش مصنوعی نمیتونه جای طراحان سایت رو بگیره ولی میتونیم با استفاده از هوش مصنوعی سرعت پیاده سازی سایت ها رو بالاتر برده و پروژه های بیشتری در ماه انجام بدیم تا درآمد بالاتری داشته باشیم.
چقدر زمان میبره تا طراحی سایت رو یاد بگیرم ؟
به صورت میانگین با روزانه 2 ساعت زمان گذاشتن مستمر برای آموزش دیدن و تمرین کردن بعد از بازه ی زمانی 3 نهایت 5 ماه میتونید به عنوان برنامه نویس سایت شروع به کار کنید.
میتونم از طراحی سایت پروژه بگیرم ؟
بعد از یادگیری طراحی سایت شما میتونید به صورت استخدامی یا به صورت پروژه ای با شرکت ها و کارفرماهای داخلی و خارجی مختلف کار کنید و درآمد داشته باشید.
طراحی سایت محدودیت سنی داره ؟
یادگیری طراحی سایت و کار کردن با این مهارت هیچ محدودیت سنی نداره.
با موبایل هم میشه طراحی سایت کرد ؟
اصلا و به هیچ عنوان با موبایل امکان طراحی سایت و یا برنامه نویسی سایت نیست.
حداقل درآمد طراحی سایت چقدر هست ؟
در حال حاضر حداقل درآمد برنامه نویس های سایت تازه کار از بازه ی 15 الی 20 میلیون تومان به صورت استخدامی شروع میشه.
قیمت پروژه های طراحی سایت چقدر هست ؟
در حال حاضر قیمت پروژه های داخلی طراحی سایت از 50 میلیون شروع و تا پروژه های میلیاردی هم افزایش قیمت داره.
بعد از یادگیری طراحی سایت نیاز به سئو هم هست ؟
بعد از یادگیری طراحی سایت شما میتونید به درآمد برسید و نیاز نیست که حتما سئو بلد باشید و میتونید که سایت خودتون رو بسپرید دست سئو کار حرفه ای تا بقیه ی امور اون شخص انجام بده.
زبان انگلیسی قوی ندارم، چطور با کارفرما خارجی ارتباط بگیرم ؟
برای ارتباط گرفتن با کارفرمای خارجی یسری سایت های مخصوص هستن که از طریق اون ها میتونید پروژه های بین المللی رو پیدا کنید و شروع به مذاکره ی کتبی با کارفرما کنید که از نرم افزارهای مترجم هم میشه استفاده کرد.
برای کار با طراحی سایت باید مدرک دانشگاهی مرتبط داشت ؟
برای کار کردن با مهارت طراحی سایت و کسب درآمد از اون نیاز به مدرک دانشگاهی نیست و اصلا اهمیتی نداره فقط مهم اینه که مهارت طراحی سایت رو به خوبی یاد گرفته باشید و تمرین کرده باشید.
برای شرکت در دوره های آموزشی وبیترن
نیاز به مشاوره دارید ؟
ارتباط سریع با مشاورین مجموعه وبیترن و دریافت مشاوره رایگان کافیست بر روی راه مشاوره مورد نظر کلیک کنید.
موارد مرتبط
نظرات
متوسط امتیازات
جزئیات امتیازات
برای ثبت نقد و بررسی وارد حساب کاربری خود شوید.
قیمت
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.