طراحی سایتآموزش فرانت اند از صفر تا حرفه‌ای |آموزش frontend
امتیاز دوره
6.7 از 8
584
تعداد دانشجویان
۲٬۸۸۰٬۰۰۰تومان%85
۴۳۲٬۰۰۰تومان
اطلاعات کلی دوره
مدت زمان دوره45:32:07
تعداد جلسات72
عودت وجهدارد
آزموندارد
گواهینامهدارد
قابلیت دانلود یکجانداردتعداد آزمون شما0امتیاز دوره
6.7 از 8
درباره مدرس
میثم حیدریسلام دوستان میثم حیدری هستم، دانشجوی رشته مهندسی مخابرات هواپیمایی. مسلط به زبان های برنامه نویسی چون Ruby, Elixir, Rust, R, Phython, C, C++, C#, F#, JavaScript, Matlab, Lua. مسلط به موضوعاتی چون Machine Learnin, Deep Learning و AI. بنده به HTML, CSS, Jekyll, Ruby on Rails مسلط هستم. بنده به نرم افزار هایی چون Photoshop, Affinity Photo, Affinity Designer, Affinity Publisher, مسلط هستم. بنده به نرم افزارهایی چون Davinci Resolve, HitFilm مسلط هستم. بنده به نرم افزارهایی چون Blender, 3Ds Max, Arnold مسلط هستم.
دانشجویان برتر
- سرفصل ها
- فایل ها
خصوصیات دوره و نظرات دانشجویان
00:22:27مقدمه دوره
00:02:59نحوه عضویت در گروه پشتیبانی
00:04:04Assets
00:07:08Tools
00:11:03Sketch
00:11:16Inspiration
00:06:16Figma Introduction
00:04:33Figma Dashboard
00:06:35Figma Tools
00:14:03Figma Layers & Pages
00:07:48Figma Top Bar
00:14:48Figma Design Properties
00:30:28Figma Prototyping
00:23:51Figma Responsive Layout
00:21:59Figma Mobile App Project (Music App)
02:21:18UI
00:11:14UX
00:18:17Atomic Design
00:32:09Design System
01:40:38Web Introduction
00:21:35HTML Introduction
00:09:18HTML Tag_1
01:21:30HTML Tag_2
00:21:59CSS Introduction
00:02:28CSS Style_1
00:13:56CSS Style_2
00:47:16CSS Style_3
00:26:37CSS Style_4
00:36:07Login Page Project
01:30:35SASS Introduction
00:02:54SASS Style_1
00:20:38SASS Style_2
00:35:14SASS Style_3
00:09:29SASS Style_4
00:55:26JavaScript
03:04:52TypeScript
00:17:59Vue Introduction
00:17:31Vue
01:32:59Vue Project-1
01:59:52Vue Project-2
01:00:09Vue Project-3
01:38:52Nuxt Introduction
00:09:19Nuxt Create an App
00:28:20Nuxt Views
00:41:15Nuxt Assets & Public
00:12:22Nuxt Styling (Tailwindcss)
00:33:45Nuxt Routing
00:13:55Nuxt SEO & Meta
00:16:07Nuxt Transition
00:17:53Nuxt State Management
00:29:16Nuxt Server & Nuxt Data Fetching
00:38:02Tailwindcss
00:39:05AI
00:48:25Nuxt Project 1 (Blog)
03:00:03Nuxt Project 2 (Dashboard)
00:37:54Nuxt Project 3 (Instagram)
02:03:43Responsive (CSS)
00:36:57Media Query
00:11:03Responsive Exercise (CSS)
00:23:46Responsive Exercise (Sass)
00:56:38Responsive Exercise (Tailwind CSS)
00:34:35بهتر شدن
00:06:54آشنایی با ساختار glassmorphism
01:00:16Glassmorphism
01:02:00آشنایی با ساختار Neumorphism
00:58:45Neumorphism
00:59:02رنگ ها
00:20:01مقدمه Git
00:08:37Git 1
00:33:25Git 2
00:23:50The End
00:06:44
توضیحات دوره
آموزش فرانت اند از صفر تا حرفه‌ای | آموزش Frontend
اگر به دنبال آموزش فرانت اند از صفر تا حرفه‌ای هستید و می‌خواهید مسیر یادگیری توسعه وب را به‌صورت مرحله‌به‌مرحله دنبال کنید، دوره آموزش Frontend مجموعه آموزشی پرتقال می‌تواند شما را با مجموعه‌ای از مهارت‌ها و ابزارهای مهم این حوزه آشنا کند. این دوره ۴۵ ساعته از مباحث پایه شروع می‌شود و به تکنولوژی‌ها و پروژه‌های کاربردی فرانت‌اند می‌رسد.
آشنایی با طراحی رابط کاربری و Figma
در ابتدای مسیر، با اصول طراحی رابط کاربری و ابزار Figma آشنا می‌شوید. یادگیری طراحی اولیه صفحات وب کمک می‌کند قبل از ورود به کدنویسی، ساختار و ظاهر رابط کاربری را بهتر درک کنید. در ادامه می‌توانید برای تکمیل مهارت‌های طراحی، آموزش Adobe XD از صفر | طراحی UI/UX را نیز بررسی کنید.
یادگیری HTML و CSS برای طراحی سایت
HTML و CSS از پایه‌های اصلی توسعه فرانت‌اند هستند. در این بخش با ساختار صفحات وب، ایجاد عناصر مختلف و طراحی صفحات واکنش‌گرا آشنا می‌شوید. اگر می‌خواهید این مباحث را به‌صورت تخصصی‌تر دنبال کنید، آموزش جامع HTML و آموزش CSS از صفر برای طراحی سایت می‌توانند در ادامه مسیر یادگیری شما قرار بگیرند.
Tailwind CSS و طراحی سریع‌تر رابط کاربری
در ادامه دوره با Tailwind CSS آشنا می‌شوید؛ ابزاری کاربردی برای طراحی رابط‌های کاربری مدرن و واکنش‌گرا که امکان ساخت سریع‌تر صفحات وب را فراهم می‌کند. همچنین یادگیری آموزش بوت استرپ ۵ برای طراحی سایت | Bootstrap 5 می‌تواند شناخت شما را از ابزارهای رایج طراحی رابط کاربری گسترده‌تر کند.
JavaScript و برنامه‌نویسی فرانت‌اند
JavaScript بخش مهمی از مسیر یادگیری فرانت‌اند است و برای ایجاد تعامل و رفتارهای پویا در صفحات وب استفاده می‌شود. در این دوره با مفاهیم JavaScript از سطح پایه تا مباحث پیشرفته آشنا می‌شوید. برای ادامه یادگیری می‌توانید سراغ آموزش جاوا اسکریپت از صفر | جادوی JavaScript ۱ و آموزش جاوا اسکریپت پیشرفته | JavaScript | جادوی جاوا اسکریپت دو بروید.
Vue.js، Next.js و توسعه وب مدرن
در بخش‌های پیشرفته‌تر دوره با Vue.js و Next.js آشنا می‌شوید و با مفاهیمی مانند SSR، SSG و استقرار اپلیکیشن‌های وب آشنایی پیدا می‌کنید. این مهارت‌ها می‌توانند مسیر شما را برای ساخت پروژه‌های مدرن و تعاملی وب توسعه دهند. برای تقویت پایه برنامه‌نویسی نیز آموزش مبانی برنامه‌نویسی از صفر | اصول و مفاهیم پایه گزینه‌ای مرتبط در سایت است.
پروژه‌های عملی و کاربرد هوش مصنوعی در فرانت‌اند
یکی از بخش‌های کاربردی دوره، اجرای پروژه‌هایی مانند کلون اینستاگرام و طراحی رابط‌هایی با سبک‌های نئومورفیسم و گلس‌مورفیسم است. همچنین با برخی کاربردهای هوش مصنوعی در فرانت‌اند آشنا می‌شوید و نحوه استفاده از ابزارهای هوش مصنوعی در فرایند توسعه وب را بررسی می‌کنید.
اگر هدف شما ورود جدی‌تر به حوزه برنامه‌نویسی و توسعه وب است، این دوره می‌تواند یک مسیر آموزشی منسجم از طراحی رابط کاربری و مبانی وب تا JavaScript، فریمورک‌ها و اجرای پروژه‌های عملی در اختیار شما قرار دهد.
