آموزش ساخت و استقرار اپلیکیشن پورتفولیو با React و TypeScript - آخرین آپدیت
دانلود Build and Deploy a Portfolio App With React And Typescript
در این دوره، شما خواهید آموخت که چگونه یک پورتفولیو (نمونه کار) مدرن و حرفهای برای توسعهدهندگان را با استفاده از React، TypeScript و Tailwind CSSبسازید و منتشر کنید. از طریق یک رویکرد عملی و پروژه-محور، یک وبسایت پورتفولیو کاملاً کاربردی ایجاد خواهید کرد که مهارتها، پروژهها و برند شخصی شما را به نمایش میگذارد. ما این پورتفولیو را گام به گام میسازیم؛ از یک بخش لندینگ جذاب شروع کرده و به بخشهای تعاملی مهارتها، پروژهها و فرم تماس میرسیم. در پایان این دوره، شما نه تنها یک وبسایت پورتفولیو صیقلخورده خواهید داشت، بلکه تجربه عملی کار با ابزارهای مدرن توسعه فرانت-اند و بهترین متدهای برنامهنویسی را کسب خواهید کرد.
در این دوره خواهید آموخت که چگونه:
-
یک وبسایت پورتفولیو کامل را با استفاده از React، TypeScript و Tailwind CSSپیادهسازی کنید
-
bخشهای تعاملی مانند ابر آیکونهای مهارتها، گرید پروژهها و فرمهای تماسرا ایجاد کنید
-
طراحی ریسپانسیو (واکنشگرا)را پیاده کنید تا پورتفولیو شما در تمامی دستگاهها عالی به نظر برسد
-
کامپوننتهای React را برای داشتن کدی تمیز و قابل نگهداری ساختاردهی کنید
-
از گردشکارهای توسعه مدرنبرای پروژههای واقعی وباپلیکیشن استفاده کنید
-
پورتفولیو خود را بهصورت آنلاین منتشر کنید تا بتوانید آن را با کارفرمایان و مشتریانبه اشتراک بگذارید
این دوره برای افراد زیر طراحی شده است:
-
توسعهدهندگان وب در سطح مبتدی تا متوسط
-
توسعهدهندگانی که میخواهند یک پورتفولیوی حرفهای بسازند
-
دانشجویانی که در حال یادگیری React و ابزارهای مدرن فرانت-اندهستند
پیشنیازهای توصیه شده:
-
آشنایی مقدماتی با HTML، CSS و TypeScript
-
آشنایی نسبی با مبانی React
درسها Lessons
-
ویدیو معرفی: پروژه پورتفولیو در عمل Promo Video Your Portfolio Project in Action
-
پیشنیازهای نرمافزاری دوره: VS Code، Git Bash و Node js Software Prerequisites For This Course VS Code, Git Bash and Node js
-
شروع پروژه پورتفولیو با Vite و پیکربندی Tailwind CSS Getting Started with a Portfolio Project using Vite and configure Tailwind CSS
-
سازماندهی استایلهای گلوبال و یوتیلیتیهای Tailwind Organizing Global Styles and Tailwind Utilities
-
ساخت یک React Hook سفارشی: useMediaQuery برای طراحی ریسپانسیو Building a Custom React Hook_ useMediaQuery for Responsive Design
-
ساخت کامپوننت قابل استفاده مجدد Navbar - بخش اول Building a Reusable Navbar Component part 1
-
ساخت کامپوننت قابل استفاده مجدد Navbar - بخش دوم Building a Reusable Navbar Component part 2
-
یکپارچهسازی Navbar در اپلیکیشن React Integrating Navbar into Our React App
-
ساخت کامپوننت شیک آیکونهای شبکههای اجتماعی و شروع بخش Home - بخش اول Creating a Stylish Social Media Icons Component and start with home section part 1
-
پیادهسازی بخش لندینگ - بخش دوم Impleminting landing section part 2
-
ساخت بخش مهارتهای پویا با ابر آیکونهای سه بعدی - بخش اول Building a Dynamic Skills Section with 3D Icon Cloud part 1
-
ساخت بخش مهارتهای پویا با ابر آیکونهای سه بعدی - بخش دوم Building a Dynamic Skills Section with 3D Icon Cloud part 2
-
پیادهسازی Scroll Spy با استفاده از useEffect در React Implementing a Scroll Spy with React’s useEffect
-
ساخت بخش پروژههای متحرک - بخش اول Building an Animated Projects Section part 1
-
ساخت بخش پروژههای متحرک - بخش دوم Building an Animated Projects Section part 2
-
ساخت فرم تماس متحرک همراه با اعتبارسنجی در React - بخش اول Building an Animated Contact Form with Validation in React Part 1
-
ساخت فرم تماس متحرک همراه با اعتبارسنجی در React - بخش دوم Building an Animated Contact Form with Validation in React Part 2
-
ساخت بخش فوتر (Footer) Footer Section
-
آپلود اپلیکیشن در Github و استقرار در Vercel (پایان دوره) Upload the app on Github and deploy it in Vercel (End of course)
https://donyad.com/d/c17b30
Hani Aburisheh
توسعهدهنده فولاستک وب و موبایل و مدرس
نمایش نظرات