دانلود ها ی دارای تگ: "frontend"
113 مورد برای عبارت مورد نظر پیدا شد.
113 مورد برای عبارت مورد نظر پیدا شد.
در این دوره، دانشجو با جدیدترین فناوریهای وب شامل Next.js، Tailwind CSS، shadcn/ui، Zustand و Gemini API آشنا میشود تا یک برنامه چتبات کاملاً عملیاتی را بسازد و آن را بهطور یکپارچه بر روی Vercel مستقر کند. این آموزش استفاده از هوش مصنوعی را در بر میگیرد. سفر یادگیری با راهاندازی یک پروژه تمیز Next.js آغاز میشود؛ در این بخش، ساختاردهی پروژه به کامپوننتهای قابل استفاده مجدد و استایلدهی آن با Tailwind CSS و shadcn/ui برای ایجاد یک رابط کاربری حرفهای و صیقلی آموزش داده میشود. در طول مسیر، دانشجو نحوه مدیریت وضعیت سراسری (Global State) با Zustand، رسیدگی به تعاملات کاربر، و ساختاردهی برنامه برای مقیاسپذیری را فرا میگیرد. نقطه اوج این دوره، ادغام Gemini API از گوگل است، یک هوش مصنوعی قدرتمند چندوجهی که قادر به تولید پاسخهای هوشمند و متناسب با متن (و حتی تصاویر) است. این API در واقع "مغز" چتبات خواهد بود که تجربه مکالمهای طبیعی را ممکن میسازد. در پایان این دوره، دانشجو قادر خواهد بود که یک برنامه Next.js را ساختاردهی و اسکلتبندی کند؛ کامپوننتهای تمیز و قابل استفاده مجدد با Tailwind CSS و shadcn/ui بسازد؛ وضعیت برنامه را با Zustand مدیریت کند؛ Gemini API را برای پاسخهای هوشمند چتبات ادغام نماید؛ و یک پروژه کامل هوش مصنوعی (Full-stack AI project) را در Vercel مستقر کند. این دوره، چه برای توسعهدهندهای که به دنبال تقویت مهارتهای React/Next.js خود است و چه برای کسی که میخواهد استفاده عملی از هوش مصنوعی را در برنامههای مدرن کشف کند، تجربه عملی لازم برای ساخت و استقرار با اطمینان برنامههای هوش مصنوعی آماده تولید را فراهم میکند.
در دوره آموزشی Build & Deploy an AI Chatbot with Next.js & Gemini API با ساخت و استقرار یک چتبات پیشرفته مبتنی بر هوش مصنوعی آشنا خواهید شد.
این راهنمای جامع برای کسانی طراحی شده است که مایلند با استفاده از رندرینگ سمت سرور (Server Side Rendering - SSR)، برنامههای خود را بهشدت تقویت کنند. مخاطب در این دوره از مرحله "من اصلاً نمیدانم چگونه از NUXT استفاده کنم و چرا باید این کار را بکنم؟" فراتر رفته و به درکی جامع از عملکرد Nuxt دست مییابد. این درک، شرکتکننده را قادر میسازد تا از Nuxt برای رندرینگ سمت سرور، بهبود عملکرد بهینهسازی موتور جستجو (SEO) و مدیریت بخش بکاند برنامه خود مانند یک حرفهای استفاده نماید. این دوره آموزشی شرکتکننده را از طریق منطق و کاربرد عملی Nuxt در ماژولهای مختلف، که بهتدریج بر دشواری آنها افزوده میشود، راهنمایی خواهد کرد. در طول این مسیر، شرکتکنندگان با اصول و مبانی Nuxt، نحوه نصب و منطق پشت آن آشنا میشوند. همچنین، نحوه استفاده صحیح از مسیرها (Routes) و برقراری ارتباط آنها با Vue را خواهند آموخت. یکی از جنبههای کلیدی که مورد بررسی قرار میگیرد، درک چگونگی رندرینگ اولیه یا Pre-rendering در Nuxt است. از آنجایی که برنامههای تحت آموزش نیاز به پایگاه داده خواهند داشت، شرکتکننده یاد میگیرد که چگونه از پایگاه داده MongoDB و کتابخانه Mongoose در پروژه خود استفاده کند. موضوع مهم دیگر، اعمال امنیت، احراز هویت (Authentication) و محافظهای مسیر (Route Guards) برای تضمین امنیت برنامه است. در نهایت، برای تمرین و تثبیت تمام آموختهها، شرکتکنندگان یک پروژه عملی ایجاد خواهند کرد.
در دوره آموزشی The complete NUXT.JS V4 course. Welcome to the server side با توسعه برنامههای فول استک و رندرینگ سمت سرور با Nuxt.js آشنا خواهید شد.
این دوره جامع با نام "فولاستک جاوا در برابر فولاستک جاوااسکریپت - از آغاز تا تسلط" در یودمی طراحی شده تا به فراگیران کمک کند تا تفاوتها و شباهتهای توسعه فولاستک با استفاده از جاوا و جاوااسکریپت را به طور کامل درک کنند. این دوره برای همه افراد، چه مبتدیانی که قصد دارند سفر خود را در توسعه وب فولاستک آغاز کنند و چه توسعهدهندگان باتجربهای که به دنبال گسترش مجموعه مهارتهای خود هستند، مناسب است و محتوای ارزشمندی ارائه میدهد. در این دوره، دانشجو مهارتهای حیاتی مورد نیاز برای توسعه کامل اپلیکیشنهای وب را در دو اکوسیستم مختلف خواهد آموخت. در بخش فرانتاند (سمت کاربر)، با استفاده از React.js به عنوان کتابخانه اصلی، به همراه فریمورکهای طراحی چون Tailwind CSS و Shadcn UI برای ساخت رابطهای کاربری جذاب و ریسپانسیو و همچنین React Router v6 برای مسیریابی پیشرفته آشنا خواهد شد. مباحث مهمی چون مدیریت احراز هویت (Authorization) با توکنهای JWT برای محافظت از مسیرها، پیادهسازی مسیرهای عمومی و خصوصی، و دسترسی به مسیرهای محافظتشده API آموزش داده میشود. علاوه بر این، دانشجو با مدیریت وضعیت (State Management) با استفاده از Zustand آشنا میشود که برای مدیریت دادهها در اپلیکیشنهای پیچیده ضروری است. در بخش بکاند جاوا (سمت سرور)، دانشجو با اکوسیستم جاوا و ابزارهای پرکاربرد آن آشنا خواهد شد. این قسمت شامل مقدمهای بر Java Spring Boot، نحوه راهاندازی پروژه، و ساخت APIهای RESTful با آن میشود. مفاهیم اساسی مانند Controllerها، Serviceها، Repositoryها و Dependency Injection به صورت کامل شرح داده خواهند شد. همچنین، نحوه اتصال به پایگاه داده PostgreSQL با استفاده از Spring Data JPA و پیادهسازی احراز هویت کاربران (ورود و ثبتنام) با استفاده از هش کردن رمز عبور توسط BCrypt و مکانیزم Authorization با توکن JWT از طریق Spring Security آموزش داده خواهد شد. قابلیتهای پیشرفتهای مانند ارسال ایمیل با Java Mail Sender برای فراموشی و بازنشانی رمز عبور و در نهایت استقرار (Deploy) برنامه Spring Boot بر روی پلتفرمهای ابری مانند Render، Railway و Heroku ارائه میشود.
در دوره آموزشی Java Full stack vs JavaScript Full stack - Start to Mastery با توسعه فولاستک با استفاده از اکوسیستمهای جاوا و جاوااسکریپت آشنا خواهید شد.
این دوره آموزشی برای توسعهدهندگان مبتدی و متوسطی که مشتاق هستند مهارتهای فرانتاند خود را با ساختن ۹ پروژه واقعی، سرگرمکننده، تعاملی و کاملاً کاربردی ارتقا دهند، ایدهآل است. این مسیر با تمرکز بر یادگیری عملی، دانشجویان را قادر میسازد تا تسلط کامل بر زبانهای کلیدی توسعه وب یعنی JavaScript، HTML، و CSS را از صفر به دست آورند. در طول این دوره، شرکتکننده با ساختن ۹ پروژه متنوع و کاربردی، دانش تئوری خود را به مهارتهای عملی تبدیل خواهد کرد. این پروژهها شامل ابزارهای تعاملی و اپلیکیشنهای کامل میشوند که هر کدام جنبههای متفاوتی از توسعه فرانتاند را پوشش میدهند. دانشجو خواهد آموخت که چگونه ساختار برنامههای وب را با استفاده از HTML ایجاد کند، برنامههای تعاملی را با CSS و طراحی واکنشگرا استایلدهی کند، و با استفاده از JavaScript تعامل و رفتار پویا را به آنها بیفزاید. همچنین، نحوه واکشی دادهها از APIها و مدیریت ورودیهای کاربر، و کار با حافظه محلی (Local Storage) برای ذخیرهسازی دادهها مورد بحث قرار میگیرد.
در دوره آموزشی Web Development Projects Using HTML, CSS And JavaScript 2025 با توسعه اپلیکیشنهای فرانتاند با استفاده از HTML، CSS و JavaScript آشنا خواهید شد.
این دوره مستر، شرکتکنندگان را برای تسلط بر Next.js 15 و ساخت برنامههای فولاستک آماده برای محیط واقعی (Production-ready) در سال ۲۰۲۵ آماده میکند. سفر آموزشی این دوره که در مدتزمان هشت ساعت فشرده شده، افراد را از اصول اولیه Next.js تا مفاهیم پیشرفتهای چون Server Actions، ISR (بازسازی تدریجی ایستا)، SSR (رندرینگ سمت سرور) و احراز هویت هدایت میکند. در این دوره، شرکتکنندگان تنها به یادگیری مفاهیم بسنده نمیکنند، بلکه با ساخت یک فروشگاه تجارت الکترونیک کامل، آن مفاهیم را بهصورت عملی پیادهسازی میکنند. این پروژه عملی شامل محصولات ساختگی، سبد خرید، سیستم احراز هویت و مدیریت سفارشات خواهد بود. هدف این است که در پایان دوره، شرکتکنندگان مهارت و اعتمادبهنفس لازم برای ساخت و استقرار (Deploy) برنامههای Next.js خود را در دنیای واقعی به دست آورند. این دوره در نظر دارد تا با آموزش استراتژیهای رندرینگ و واکشی دادهها، امنیت و احراز هویت، و همچنین مباحث پیشرفته و بهینهسازی عملکرد، شرکتکنندگان را به متخصصانی توانمند در اکوسیستم Next.js تبدیل کند.
در دوره آموزشی Master Next.js 15: From Zero to Full-stack 2025 با توسعه برنامههای کاربردی فولاستک با استفاده از Next.js 15 آشنا خواهید شد.
این دوره آموزشی، مسیر کامل ورود به کدنویسی وایب را فراهم میآورد؛ روش نوین توسعهای که در آن شما و هوش مصنوعی در کنار یکدیگر به ساخت و ساز میپردازید. این مسترکلاس با تمرکز بر توسعه وب فولاستک، شرکتکنندگان را برای تبدیل شدن به توسعهدهندگانی آماده میکند که دانش کافی در زمینه استفاده از هوش مصنوعی در فرآیند کدنویسی را دارند، مهارتی که امروزه به شدت مورد تقاضای شرکتها و مشتریان است. روش کدنویسی دگرگون شده است و توسعهدهندگانی که با تغییرات حاصل از هوش مصنوعی سازگار شدهاند، بیشترین جذابیت را برای بازار کار دارند. این دوره، شرکتکنندگان را گام به گام در استفاده از ابزارهایی مانند Cursor، Supabase و Vercel مسلط میکند. با استفاده از این ابزارها، توسعهدهندگان میتوانند اپلیکیشنهای فولاستک را سریعتر از همیشه توسعه دهند؛ زیرا هوش مصنوعی در هر مرحله، کد را هدایت، تولید و بهینهسازی میکند. در این دوره، دانشآموزان به صورت عملی خواهند آموخت که چگونه یک اپلیکیشن وب کامل را با بهترین شیوهی ممکن، با کمک هوش مصنوعی بسازند و مستقر کنند. این فرآیند از راهاندازی اولیه تا استقرار نهایی، تمامی مراحل را پوشش میدهد. توسعهدهندگان در این دوره با ویژگیهای واقعی مانند پیادهسازی سیستم ورود و احراز هویت (login)، کار با پایگاههای داده (databases)، دادههای آنی (realtime data)، و ادغام هوش مصنوعی در اپلیکیشنها آشنا خواهند شد.
در دوره آموزشی Vibe Coding Masterclass: Full-Stack Web Development with AI با روش توسعه وب فولاستک با استفاده از هوش مصنوعی آشنا خواهید شد.
این دوره آموزشی، افراد را قادر میسازد تا الهامات و ایدههای خود را به یک برنامه کاربردی وب واقعی و با کیفیت تولیدی تبدیل کنند. این فرایند با تکیه بر قدرت نوآورانه هوش مصنوعی Lovable انجام میپذیرد و برای کسانی طراحی شده است که قصد دارند برنامه وب خود را بدون نوشتن حتی یک خط کد سنتی، به مرحله اجرا برسانند. چه یک فرد غیربرنامهنویس، کارآفرین، مربی یا حتی توسعهدهندهای باشید که کنجکاو است درباره توسعه بدون کد و مبتنی بر هوش مصنوعی بیاموزد، این دوره افق جدیدی از امکانات را پیش روی شما میگشاید. در طول این فرآیند، شرکتکنندگان با یک ایده خام آغاز خواهند کرد و با دنبال کردن مراحل عملی و هدایتشده، به تدریج یک برنامه وب کاملاً کاربردی را که آماده پذیرش کاربران واقعی و پرداختکننده است، توسعه خواهند داد. این دوره روشهای توسعه را سادهسازی میکند و به شرکتکنندگان میآموزد که چگونه از رابط کاربری بصری، ابزارهای خودکارسازی و سیستم «قوانین (دانش)» هوش مصنوعی Lovable برای معماری، طراحی، ساخت و راهاندازی برنامه خود استفاده کنند، و همه اینها بدون نیاز به برنامهنویسی به شیوه سنتی انجام میشود.
در دوره آموزشی Idea to Production Web App Using Lovable AI با ساخت برنامه وب از ایده تا تولید با استفاده از هوش مصنوعی Lovable آشنا خواهید شد.
این دوره آموزشی، افراد را قادر میسازد تا الهامات و ایدههای خود را به یک برنامه کاربردی وب واقعی و با کیفیت تولیدی تبدیل کنند. این فرایند با تکیه بر قدرت نوآورانه هوش مصنوعی Lovable انجام میپذیرد و برای کسانی طراحی شده است که قصد دارند برنامه وب خود را بدون نوشتن حتی یک خط کد سنتی، به مرحله اجرا برسانند. چه یک فرد غیربرنامهنویس، کارآفرین، مربی یا حتی توسعهدهندهای باشید که کنجکاو است درباره توسعه بدون کد و مبتنی بر هوش مصنوعی بیاموزد، این دوره افق جدیدی از امکانات را پیش روی شما میگشاید. در طول این فرآیند، شرکتکنندگان با یک ایده خام آغاز خواهند کرد و با دنبال کردن مراحل عملی و هدایتشده، به تدریج یک برنامه وب کاملاً کاربردی را که آماده پذیرش کاربران واقعی و پرداختکننده است، توسعه خواهند داد. این دوره روشهای توسعه را سادهسازی میکند و به شرکتکنندگان میآموزد که چگونه از رابط کاربری بصری، ابزارهای خودکارسازی و سیستم «قوانین (دانش)» هوش مصنوعی Lovable برای معماری، طراحی، ساخت و راهاندازی برنامه خود استفاده کنند، و همه اینها بدون نیاز به برنامهنویسی به شیوه سنتی انجام میشود.
در دوره آموزشی Idea to Production Web App Using Lovable AI با ساخت برنامه وب از ایده تا تولید با استفاده از هوش مصنوعی Lovable آشنا خواهید شد.
این دوره آموزشی شامل بیش از ۱۳۴ درس کوتاه و متمرکز است که برای یادگیری منعطف و با سرعت شخصی طراحی شده است. رویکرد این دوره بر یادگیری جزء به جزء کامپوننتهای بوتاسترپ تمرکز دارد. تمام وبسایتی که در این دوره توسعه داده میشود، بر اساس نسخه ۵.۳ بوتاسترپ ساخته شده است و به شرکتکنندگان این امکان را میدهد تا با اعتماد به نفس وبسایتهای کاملاً ریسپانسیو بسازند. در طول این دوره، شرکتکنندگان با ساخت هشت صفحه اچتیامال، بر ویژگیهای اصلی بوتاسترپ، از جمله نوارهای ناوبری، بخشهای هیرو، مودالها، اسلایدرها (کاروسل)، کارتها، آکاردئونها، آفکانواس و موارد دیگر مسلط خواهند شد. یادگیری در این دوره به جای تماشای صرف، از طریق ساختن و پیادهسازی عملی صورت میگیرد. در این دوره، شرکتکنندگان وبسایتی حرفهای و کاملاً ریسپانسیو را با ساختن جزء به جزء کامپوننتها ایجاد میکنند. این دوره برای مبتدیانی که دانش اولیه اچتیامال و سیاساس دارند و همچنین فریلنسرهایی که به دنبال تقویت مهارتهای خود در طراحی ریسپانسیو هستند، مناسب است. این دوره یک تجربه ساختاریافته و پروژهمحور را ارائه میدهد که در آن شرکتکنندگان یاد میگیرند چگونه هر کامپوننت را برای نمایش در موبایل بهینه، از نظر بصری جذاب و از نظر معنایی صحیح بسازند. همچنین در این دوره، بینشهایی در مورد بهترین شیوهها برای چیدمان، فاصلهگذاری و دسترسیپذیری به دست میآورند تا مطمئن شوند وبسایتهایشان نه تنها زیبا، بلکه کاربرپسند و جامع نیز هستند. این دوره بر کدنویسی تمیز، اچتیامال معنایی و اصول طراحی ماژولار که در پروژههای مختلف قابل استفاده هستند، تأکید دارد.
در دوره آموزشی Website Development with Bootstrap 5 Hands-On for Beginners با توسعه وبسایتهای واکنشگرا با استفاده از بوتاسترپ ۵ آشنا خواهید شد.
این دوره برای توسعهدهندگان وب تازهکار، طراحان و هر فردی که به دنبال ساخت سریع و کارآمد طرحبندیهای حرفهای و سازگار با موبایل است، طراحی شده است. در این دوره، آموزش از مبانی اصلی آغاز میشود. شرکتکنندگان با مفاهیم اساسی سیستم قدرتمند گرید (Grid) بوتاسترپ و رویکرد مبتنی بر ابزارهای آن آشنا میشوند. در ادامه، یاد میگیرند که چگونه بدون نوشتن حتی یک خط کد CSS، طرحبندیهای پیچیده و چند ستونه بسازند. با پیشرفت دوره، به بررسی مؤلفههای اصلی بوتاسترپ مانند نوارهای ناوبری سفارشی، اسلایدرهای پویا، فرمهای قدرتمند و کارتهای انعطافپذیر پرداخته میشود. این دوره صرفاً بر مباحث تئوری تمرکز ندارد. دانشآموختگان با ساخت چندین پروژه واقعی، دانش خود را به کار میگیرند و مهارتهای کلیدی را تقویت میکنند. این پروژهها به آنها یک نمونه کار ارزشمند برای ارائه میدهند. همچنین، موضوعات پیشرفتهتری مانند چگونگی شخصیسازی متغیرهای بوتاسترپ با Sass برای ساخت تمهای منحصربهفرد و نحوه استفاده از کلاسهای کمکی برای بهینهسازی طراحیها نیز پوشش داده میشود.
در دوره آموزشی The Complete Bootstrap 5 Course: Modern Layouts Made Easy با فریم ورک بوتاسترپ ۵ آشنا خواهید شد.