بوت کمپ و دوره جامع متخصص فرانت اند

بدون شک اولین قدم هر کسی برای ورود به دنیای طراحی و برنامه نویسی وب یادگیری مباحث پایه CSS و HTML است. اما برای کسی که قصد داره به یک فرانت اند تبدیل بشه این دو مورد تازه شروع یک راه پر از چالشه! امروزه کسی رو متخصص فرانت اند می دونند که به تکنولوژی ها، ابزارها و مباحث فنی توی این زمنیه مسلط باشه. فرانت اند شخصیه که درک مناسبی از اصول تجربه کاربری و رابط کاربری ( UI/UX ) داشته باشه و بتونه از جدیدترین ابزارهای طراحی استفاده کنه. به همین دلیل صرفا آشنایی با CSS و HTML نمی تونه شمارو به یک طراح رابط کاربری تبدیل کنه. پس اگر تصمیمتو گرفتی که به صورت حرفه ای به طراحی UI مشغول بشی و کسب درآمد کنی دوره فرانت اند رو از دست نده، چون توی این دوره هر چیزی که برای رسیدن به هدفت نیاز داری رو در اختیارت قرار می دیم.

چرا باید این دوره را بخرم؟

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

اشتغال و درآمدزایی

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

دانشجویان سابق متخصص سون لرن کجا استخدام شدند؟

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

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

Project پروژه : طراحی یک صفحه فرود ( Landing Page )

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

Cssو html دروازه ورود به دنیای طراحی و برنامه نویسی وب و فراگیری اون مثل فراگیری الفبا برای شروع نوشتن توی یه زبانه اما صرفا اتکا کردن به مباحث پایه css و html به هیچ عنوان تضمین کننده موفقیت شما در عرصه وب نیست و نیازه که علاوه بر فراگیری مباحث پایه اون ها رو خیلی تخصصی یاد بگیری و با تمام امکانات و قابلیت هاشون مخصوصا در html5 و css3 آشنا بشی تا بتونی با اعتماد به نفس کافی قدم در دنیای طراحی وب بزاری

Project پروژه : طراحی اولین قالب واکنش گرا صرفا توسط CSS و HTML

google developer tools یه ابزار بسیار کاربردی برای طراحان و برنامه نویسان وب هست که با امکاناتی که در اختیار توسعه دهنده میزاره خیلی راحت تر میتونه المان های موجود در سند رو مشاهده, ویرایش و دستکاری کنه و حتی بصورت مقطعی به تست و اعمال تغییرات رو المان ها بپردازه که به عنوان یه طراح وب باید به بخش های کلیدی اون در جهت تسهیل در امر طراحی تسلط داشته باشی

تایپوگرافی یا به عبارتی درک مناسب از متون و فونت ها و اشراف کامل به واحدهای اندازه گیری در مبحث طراحی وب بهت کمک می کنه تا متون و طرح ها در اندازه های استاندارد و با ظاهر و وضوح مناسب در تمام دستگاه ها با هر اندازه ای به درستی و در جای مناسب خودش نمایش داده بشه , در طراحی وب ما واحد های اندازه گیری متفاوتی داریم که باید بدونیم از هر کدام از این واحد ها در کجا و به چه منظور استفاده کنیم

Project پروژه : طراحی ماژولار محور یک کامپوننت منو باز و جمع شونده توسط واحدهای rem و em

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

با توجه به مشکلاتی که در تراز بندی المان ها در css و مبحث floating وجود داشت و باعث ایجاد دردسر های زیادی برای طرحان می شد مخصوصا در زمینه طراحی صفحات واکنشگرا مبحث بسیار کاربردی به نام Flex به css اضافه شد که تمام این مشکلات رو خیلی راحت برطرف کرد بطوری که بسیاری از فریم ورک های محبوب مانند بوتسترپ در ورژن جدیدش از این قابلیت بطور کامل پشتیبانی میکنه و این امر نشون دهنده اهمیت بالای این مبحث و فراگیری اونه

Project پروژه : طراحی دومین قالب توسط flexbox

در کنار flex یه امکان دیگه در css به نام grid موجوده که کارکردش مشابه flex و برای رفع مشکلات تراز کردن المان ها هست اما تفاوتی که با flex داره در نوع ساختار و نحوه چینش المان ها در دو بعد بصورت افقی و عمودی هست که در برخی از طراحی ها به علت پشتیبانی تراز عمودی المان ها بر خلاف flex که فقط بصورت افقی اقدمام به تراز المان ها می کنه خیلی کاربردی هست

Project پروژه : طراحی سومین قالب توسط cssgrid

با توجه به مشکلاتی که در css وجود داره برای عدم پشتیبانی از تعریف توابع و متغییر ها با پیدایش پیش پردازنده هایی مثل sass که معروف ترین اونها هست این مشکلات بطور کامل حل شد علاوه بر اون sass باعث میشه که از نوشتن کدهای تکراری که عملا در css اجتناب ناپذیره جلوگیری بشه و با قابلیت هایی مثل nesting باعث میشه که کدنویسی css شما مرتب تر و در قالب بلاک های مرتبط باشه که مدیریت کدها و توسعه پروژه رو در آینده راحتر می کنه و اکثر شرکت های طراحی وب از این ابزار در کدنویسی css استفاده می کنن و تسلط شما بر اون یه امتیاز خیلی خوب در روند استخدام محسوب میشه. راستی می دونستی در sass مثل زبان های برنامه نوسی می تونی از ساختار حلقه ها و شرط ها و ... استفاده کنی !؟

Project پروژه : طراحی سیستم گرید برای طراحی رسپانسیو

Pug هم مثل sass یه پیش پردازندس اما برای html جالبه نه ؟ دقیقا تمام کارهایی که sass برای css انجام میده عینا همون ها رو pug برای html انجام میده و کدنویسی رو خیلی راحت تر و سریع تر میکنه و میشه به هر بلاک از کدهای html مثل یک کامپوننت نگاه کرد که قابلیت استفاده در پروژه های دیگه ازشون وجود داره بدون اینکه مشکلی ایجاد بشه!!!

با توجه به اینکه فراگیری زبان جاوا اسکریپ با توجه به ساختارش ممکنه یکم مشکل باشه کتابخانه ای با نام جی کوئری برای جاوا اسکریپت ایجاد شده که توسط اون کار با جاوا اسکریپت خیلی راحت , سریعتر و لذت بخش تره و تمام قابلیت های جاوااسکریپت رو پشتیبانی می کنه و فراگیریش هم به مراتب ساده تر و برای اون هزاران پلاگین متنوع باهاش نوشته شده و وجود داره که به راحتی می تونی از هر کدومش توی پروژت بدون هیچ مشکلی استفاده و شعار معروف جی کوئری با عنوان کمتر کد بنویس بیشتر عمل کن ( نتیجه بگیر ) هم مهر تاییدی بر محبوبیت این کتابخانه هست که به عنوان یه متخصص طراح وب حتما باید بهش مسلط بشی و بتونی به درستی ازش استفاده کنی و کد بزنی

Project پروژه : ایجاد یک منوی چسبان (Sticky Menu)

Project پروژه : طراحی و ساخت گالری تصاویر

Project پروژه : ایجاد دکمه حرکت رو به بالا

Project پروژه : طراحی یک Tooltip کاربردی

Project پروژه : طراحی accordion Menu شیک

Project پروژه : طراحی Modal

Project پروژه : طراحی اسلایدر تصاویر

Project پروژه : اعتبار سنجی میزان قدرت کلمه عبور و نمایش پیام های مناسب جهت انتخاب کلمه عبور قدرتمند

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

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

گالپ یه مدیر و دستیار کاملا قابل اطمینانه , بطوری که هر وظیفه ای رو بهش محول کنی به بهترین نحوه اون رو انجام میده بدون هیچ قید و شرطی البته به شرطی که بدونی چطور باید ازش استفاده کنی و چه وظایفی رو می تونه برات انجام بده که تعدادشون خیلی زیادن اگه بخوام برات مثال بزنم فرض کن در حین طراحی و کدنویسی css می خوای همزمان اون ها رو فشرده هم بکنی خوب اگر خودت بخوای انجام بدی زمان بره اما گالپ با تعریف یکسری تسک که یکیش همین فشرده سازیه در یک چشم به هم زدن این کار رو برات انجام میده اون هم بارها و بارها بدون کوچکترین مشکلی یا شاید بخوای فایل های sass رو برات کامپایل کنه, صفحه رو با هر تغییر خودکار بروزرسانی کنه ,کدهای js یا css رو برات بهینه کنه و اونهایی که بیهوده هستن رو حذف کنه و کلی کار دیگه که همه اینها با گالپ دوست داشتنی امکان پذیره ...

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

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

ابزارها و تکنولوژی های تدریس شده در این دوره

آموزش bootstrap4

فریم ورک بوتسترپ را حرفه ای یاد بگیرید

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

آموزش css grid

CSS Grid یکی از موضوعاتی است که اخیرا بیشتر و بیشتر در بحث توسعه وب به آن اشاره می کنند. دلیل این همه بحث و هیجان زدگی هم ساده است CSS Grid به ما قابلیتی را می دهد که بتوانیم لایه بندی شبکه ها «Grids» را تغییر دهیم که به شما اجازه طراحی لایه های دو بعدی را می دهد و مشکل شناور سازی عناصر و تراز کردن آن ها را بخوبی برطرف می کند.
آموزش Flexbox

آموزش Flex box

اگر با صفحه آرایی امروزی آشنا باشید قطعا با مشکل Float که به وسیله تکنیک Clearfix حل می شود دست و پنجه نرم کرده اید و حتی از مشکل whitespace که در صفحه آرایی با inline-block به وجود می آید آگاهی دارید. خبر خوب اینکه CSS3 ماژولی برای صفحه آرایی دارد که نه تنها مشکلات قبلی را کنار می زند بلکه ویژگی های بسیار چشم گیر و کاربردی را فراهم می کند.
آموزش css-html

css و HTML را متفاوت بیاموزید

اگر به فکر ساختن و طراحی قالب یک وب سایت هستید، حتماً درباره HTML و CSS شنیده‌اید. هم با HTML و هم با CSS یک صفحه اینترنتی ساخته می‌شود، اما هرکدام سرویس‌های منحصربفردی را ارائه می دهند. HTML مخفف Hypertext Markup Language، برای تولید محتوای واقعی صفحه مثل متن نوشته شده، و CSS مخفف Cascade Styling Sheets، برای طراحی یا استایل کردن سایت، از جمله طرح ظاهری، جلوه‌های بصری و رنگ پس‌زمینه مورد استفاده قرار می‌گیرد.
آموزش css-jquery-library

Css and jquery plugin and library

اصطلاح پلاگین (Plug-in) تا چند سال قبل، بیشتر یک واژه‌ی تخصصی محسوب می‌شد.اما امروز کاربرد پلاگین‌ها در حدی گسترده شده که همه‌ی ما، گاه و بیگاه با این اصطلاح مواجه می‌شویم. پلاگین یک برنامه است. یک کد نرم‌افزاری که سوارِ یک برنامه‌ی دیگر می‌شود و آن را کامل‌تر می‌کند. کتابخانه یا Library از اصطلاحاتی در برنامه نویسی است که زیاد آن را میشنوید. علاوه بر شنیدن، کار های زیادی هم قرار است با آنها انجام دهید. اصولا library ها چیزهایی هستند که کد نویسی را راحت تر کرده و پایداری آنها را بالاتر میبرند
آموزش google

google developer tools

اگر توسعه دهنده رابط کاربری وب (Frontend Developer) باشید باید به Chrome Developer Tools (یا Inspect Elements) آشنایی کامل داشته باشید. بخشی از مرورگر گوگل که باعث شد کروم در بین توسعه دهندگان به شدت محبوب شود. مرورگرهای مدرن مانند گوگل کروم ابزاری ساختند که به توسعه دهندگان اجازه میدهد بصورت آنلاین عیب یابی داشته باشند. این ابزار تگ های html و CSS و کدهای javascript و نحوه اجرای کدها را نشان میدهد. با استفاده از inspect element شما میتوانید کدهای html و css و javascript را برای هر صفحه وبی ویرایش کنید تا بصورت زنده تغییرات را مشاهده کنید. برای طراحان وب سایت ها ، این ابزار میتواند کمکی در جهت پیش نمایش طراحی ها بدون اینکه شخص دیگری به جز خود آنها تغییر را مشاهده کند باشد.
آموزش git

با گیت و گیت هاب به سبک حرفه ای ها کدها را مدیریت کنید

قطعا یکی از راهکارهای مهم در کاهش باگ های برنامه تست کدها می باشد، در هر زبان برنامه نویسی معمولا روش هایی برای تست کدهای نوشته شده دارد، در این دوره روش های تست کدهای نوشته شده در React را به صورت کامل یاد خواهید گرفت.گیت یک سیستم کنترل متن‌باز است که برای اولین بار توسط بنیان‌گذار لینوکس، Linus Trovalds طراحی شد. لازم است بدانیم که کارکرد گیت به سیستم کنترل ورژن‌ (SVN)های دیگر ازجمله Subversion و CVS شباهت دارد. کلمه‌ی هاب اشاره به دستگاه قدیمی هاب در علم شبکه دارد که قادر بود یک سری سیستم را به‌صورت یک شبکه واحد به هم متصل کند. حال گیت هاب قدمی فراتر گذاشته و کل جهان را مثل یک شبکه به هم متصل کرده است. فضایی که توسعه‌دهندگان فایل‌های خود را در آن ذخیره می‌کنند، قابل اشتراک‌گذاری با تمام افراد جهان است. در دنیای برنامه‌نویسی، درک و مدیریت نسخه‌های کد و پروژه‌های شما که شب و روز روی آن سخت کار می‌کنید ،بسیار ضروری است.
آموزش gulp

لذت کار با gulp را احساس کنید

در گذشته بخش front-end با back-end اپلیکیشن های تحت وب آمیخته بود و بهینه کردن و تولید نسخه های deploy از کدهای فرانت سخت بود. بیشتر برنامه نویسان به اینکه چقدر بهینه کردن خروجی برنامه برای مرورگرها مهم است اهمیت نمی دادند. برنامه نویسان و تیم های حرفه ای front-end مدتهاست که به این نتیجه رسیده اند که جاوااسکریپت و html هم برای اینکه قابلیت توسعه بالایی داشته باشد و چند نفر بصورت همزمان بتوانند بر روی پروژه کار کنند باید همانند دیگر زبان های برنامه نویسی، یک ساختار منظم و فریم ورک برای آن ایجاد کنند. ابزارهایی مانند گالپ عمدتا با نام build tools هم شناخته می شوند task و یا مجموعه ای از task ها را اجرا می کنند با به عرصه گذاشتند.
آموزش jquery

آموزش کتابخانه Jquery

یک کتابخانه جاوااسکریپت سبک‌وزنِ چند مرورگری است که برای ساده سازیِ نوشتنِ اسکریپ‌ هایِ سمت مشتری یا به عبارتی سمت Client، در صفحات وب طراحی شده و امروزه محبوب‌ترین کتابخانهٔ جاوااسکریپتِ در حال استفاده است. جی کوئری نرم‌افزار متن‌باز و رایگان است که تحت پروانه MIT منتشر می‌شود. ساختار کتابخانه جِی‌کوئری به گونه‌ای طراحی شده‌ است که دسترسی به عناصر صفحه را آسان‌تر کرده باشد. می‌توان با آن حرکات انیمیشن ایجاد و از رویداد Event های صفحه استفاده کرد .
آموزش pug

موتور قالب pug

قطعا در همه جا نمی توان از به روز رسانی عادی برای UI در برنامه های React استفاده کرد، در این بخش با روش هایی آشنا خواهید شد که در موارد خاصی کاربرد دارند اما قطعا تجربه کاربری بهتری در برنامه شما ایجاد خواهند کرد.Pug یا jade یک موتور قالب HTML است، به این معنی که شما می توانید کد را بسیار ساده تر با Pug بنویسید که کامپایلر Pug آن را به کد HTML کامپایل می کند، و مرورگر می تواند آن را درک کند. اما چرا کد Pug را بنویسیم؟ Pug دارای ویژگی های قدرتمندی مانند شرط ها، حلقه ها، include ها، mixin ها است که با استفاده از آن ما می توانیم کد HTML را بر اساس ورودی کاربر یا داده های مرجع ارائه دهیم.
آموزش sass

آموزش SASS

SASS مخفف Syntactically Awesome Style Sheets می باشد و یک زبان پیش پردازنده CSS یا CSS Preprocessor Language به حساب می آید. SASS اساسا یک روش توسعه یافته از کدنویسی در CSS همراه با سینتکس به حساب می آید. تعدادی از تصورات غلط از SASS برای افرادی که اصلا از آن استفاده نکرده اند وجود دارد. یکی از آن تصورات غلط این است که آیا SASS جایگزین CSS می باشد؟ در پاسخ به این سوال باید گفت خیر ، جواب منفی می باشد ، SASS جایگزین CSS نمی باشد بلکه یک روش برای کوتاه تر نویسی CSS می باشد که در نهایت بعد از کامپایل شدن به همان CSS تبدیل می شود.
آموزش type

بررسی مفاهیم تایپوگرافی

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

آموزش تجربه کاربری

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

آموزش حرفه ای کار با فرم ها

فرم ها در هر سایتی یکی از بخش های مهم و اساسی می باشند. ایجاد فرم ها دارای قواعد خاصی بوده و رعایت هر چه بیشتر این قواعد می تواند به جذب بیشتر کاربر و ثبت نام کاربر منجر شود. فرم های مختلفی می توانند در یک سایت وجود داشته باشند مانند فرم ثبت نام، فرم پرداختی، فرم تماس با ما، نمایندگی و... . مدیر سایت می بایست قبل از ایجاد فرم بداند که هدف از ایجاد فرم چیست و در نهایت چه اطلاعاتی نیاز به دریافت است این گزینه باعث می شود بهترین فیلد ها برای فرم مربوطه مشخص شود و از ذکر فیلد های اضافی جلوگیری گردد و نیز بتواند با توضیحات مناسب از اهمیت و ارزش کار و سازمان خود در قسمت های مختلف سایت از جمله در قسمت درباره ما، گواهینامه ها، موفقیت ها و... اعتماد کاربران را جلب نماید تا کاربران اطلاعات خود را ارسال نمایند. طراحی یک فرم مناسب می تواند باعث جذب کاربر شود فرمی که اصول را رعایت نکرده باشد نمی تواند با کاربر تعامل داشته باشد و در واقع نرخ تبدیل conversion rate پائینی خواهد داشت. نرخ تبدیل به درصدی از کاربران گفته می شود که فرم را دیده و آن را تکمیل کرده اند. بسته به تعداد بازدیدکننده سایت، هر چه آمار تکمیل فرم گذاشته شده بیشتر باشد نرخ تبدیل آن در سایت شما بالاتر می رود. مثلا اگر سایت شما 200 بازدید داشته باشد و تنها 20 نفر فرم را تکمیل نمایند نرخ تبدیل شما 20 % خواهد بود.

پیش نیازهای دوره چیست؟

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

  • داشتن وقت و انگیزه کافی
  • توانایی پرداخت هزینه دوره
  • آشنایی مقدماتی برای کار با رایانه

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

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

این دوره مناسب شما نیست، اگر

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

مدرسین دوره

وحید صالحی - مدرس بخش UI
طراح و برنامه نویس ، مدرس ارشد سون لرن
  • فارغ التحصیل رشته مهندسی نرم افزار
  • برنامه نویس و توسعه دهنده اپلیکیشن های تحت وب
  • 7 سال سابقه فعالیت های آموزشی حرفه ای
  • تدریس بیش از 600 ساعت دوره آنلاین
  • برنامه نویس دور کار در زمینه مباحث مبتنی بر طراحی و برنامه نویسی وب
  • مدرس دوره های تخصصی طراحی و برنامه نویسی وب با بیش از 4000 دانشجو
  • برگزار کننده بیش از 11 دوره آموزشی حرفه ای آنلاین در زمینه طراحی و برنامه نویس وب
پوریا رضایی - مدرس بخش UX
متخصص تجربه کاربری و طراح محصول در سون لرن
  • متخصص تجربه کاربری و طراح محصول در سون لرن

محل برگزاری

تهران - روبروی مترو صادقیه - ۲۰ متری ولیعصر - کوچه اعتمادیان - پلاک ۴۶ - طبقه ۵ - واحد ۱۷
(۵ دقیقه پیاده روی تا مترو صادقیه)

مسیریابی با :    

سوالی دارید؟

برای تماس می تونید روی شماره زیر کلیک کنید

۰۲۱-۴۴۰۲۰۴۸۲ (ساعات پاسخگویی: ۱۰ صبح الی ۶ عصر)
7Learn Map

زمانبندی دوره

شروع دوره
یکشنبه ۱۲ آبان ۱۳۹۸
جلسه معارفه دوره
روزهای برگزاری
یکشنبه ها و چهار شنبه ها
ساعت ۱۷ الی ۲۰
طول دوره
۱۲۰ ساعت آموزش
۴۰ جلسه ۳ ساعته

پشتیبانی و پاسخگویی ویژه

مشاوره حضوری اختصاصی
پشتیبانی در گروه تلگرام دوره
وبینار و جلسات لایو اینستاگرام

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

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

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

در گروه تلگرامی دوره می توانید سوالات فنی و تخصصی خود را بپرسید و دانشجویان و مدرس به سوالات شما پاسخ خواهند داد.

به صورت میانگین تا 48 ساعت بعد از هر جلسه تمام ویدیو های مورد نیاز + فایل های پروژه ها در Gitlab.com مخصوص دانشجویان دوره قرار خواهد گرفت.

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

آزمون های دوره بعد از پایان مدت آموزشی دوره و در طول دوره پشتیبانی برگزار خواهد شد.

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

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

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

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

برای دور کاری به مجموعه ای از مهارت های رفتاری و مهارت های فنی (دانش برنامه نویسی و توسعه نرم افزار) نیاز دارید، در مورد مهارت های فنی در دوره با شما صحبت خواهیم کرد و تمام سعی ما بر این است این مهارت ها را به صورت کاملا یاد بگیرید. در مورد مهارت های نرم و رفتاری هر چند بر عهده خود شخص می باشد تا انها را تقویت کند اما در این دوره راهنمایی های لازم درباره انها ارائه خواهد شد.راهنمایی های لازم برای افتتاح حساب هایی مانند PayPal هم انجام خواهد شد.

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

پکیج و خدمات دریافتی بعد از ثبت نام

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

  • اضافه شدن شما به لیست دانشجویان دوره متخصص فرانت اند
  • پیوستن شما به گروه پشتیبانی ویژه دوره
  • فعال شدن پنل دوره و آزمون تعین سطح جهت مشاوره برای آماده سازی و جهت دهی شما
  • ارائه بسته پیشنیاز فنی دوره، یک ماه قبل از شروع دوره
  • تحویل منابع کمک آموزشی و تعهدنامه حقوق طرفین به شما در جلسه اول
  • گروه بندی شما و تیم سازی تا جلسه سوم (تیم خود را خواهید شناخت)
  • تضمین بازگشت کامل وجه بدون پیش شرط، تا جلسه ۵ دوره
  • برگزاری جلسات آموزشی حضوری به همراه پذیرایی در تایم استراحت (مخصوص دانشجویان حضوری)
  • قرار دادن ویدیوی جلسات در پنل دوره حداکثر تا 48 ساعت کاری بعد از برگزاری کلاس
  • دریافت کد دسترسی برای مشاهده ویدیوهای دوره
  • سه ماه پشتیبانی ویژه بعد از اتمام جلسات حضوری
  • معرفی دانشجویان برتر دوره به شرکت های نیازمند نیرو جهت استخدام
  • ارائه یک ماه پشتیبانی ویژه در ابتدای استخدام دانشجویان (در صورتی که تا پایان سال 1399 استخدام شوند)
  • برگزاری حداقل ۵ ازمون در بازه پشتیبانی دوره، تصحیح و رتبه دانشجویان
  • ارائه تمرین ها و چالش های متعدد در طول دوره
  • پیگیری وضعیت دانشجو در طول دوره (حداقل ۳ مرتبه در تا پایان زمان پشتیبانی دوره)
  • معرفی منابع و کتاب های مورد نیاز برای ارتقاء سطح دانشجو
  • ارائه گواهی شرکت در دوره (برای دانشجویانی که حداقل ۷۰% نمره آزمون ها را دریافت کرده باشند)
  • دریافت دو ساعت مشاوره اختصاصی رایگان با مدرس دوره (لازم به ذکر است هزینه هر ساعت مشاوره با ایشان به صورت عادی مبلغ ۷۰۰ هزار تومان می باشد)
  • ارائه آموزش های لازم برای آمادگی مصاحبه استخدامی، مشاوره و راهنمایی دقیق در مورد فرصت های کسب درآمد

مبلغ سرمایه گذاری

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

ثبت نام حضوری *
نقدی : 3.59 میلیون تومان
قسطی : 4 قسط 897 هزار تومان
ثبت نام غیرحضوری *
نقدی : 2.39 میلیون تومان
قسطی : 3 قسط 796 هزار تومان

* ظرفیت دوره حضوری فقط 28 نفر است.

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

چطور برای ثبت نام اقدام

اگر تصمیم خود را برای ثبت نام نهایی گرفته اید و یا اینکه همچنان سوال هایی در ذهنتان دارید می توانید از زیر اقدام نمایید:

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