در دنیای امروز، رقابت فروش بین شرکت ها و استارتاپ های مختلف بسیار زیاد است و اغلب شرکت ها نیاز به وب سایت هایی دارند تا در موتورهای جستجو از رتبه خوبی برخوردار باشند. امروزه با پیشرفت تکنولوژی، استفاده از ابزارهایی مانند React، بسیار گسترده شده و توسعه دهندگان در هنگام استفاده از این فریم ورک ها با ساختار بهتری می توانند وب سایت ها را توسعه دهند. به صورت پیش فرض، وب سایت هایی که با Angular, Vue, React توسعه داده می شوند در موتورهای جستجو قابل ایندکس شدن نیستند و همین موضوع مشکل بزرگی را ایجاد خواهد کرد. برای رفع این مشکل نیاز است که از تکنولوژی SSR استفاده کنیم، تا در کنار اینکه از فریم هایی همانند ری اکت استفاده می کنیم وب سایت های ما نیز در موتورهای جستجو قابل ایندکس شدن باشند. برای تولید یک وب سایت SSR ابزارهای گوناگونی در زبان های برنامه نویسی وجود دارد که یکی از مهمترین آنها ابزار NextJS است، که در بستر NodeJS توسعه داده شده است. بوت کمپ NextJS دقیقا با هدف یادگیری SSR و NextJS قصد دارد در بازه زمانی بسیار کوتاه، اما کاربردی استفاده از این ابزار را برای شما ساده کند.
همانطور که میدانید React تقریبا به خیلی از شرکتهای بزرگ و کوچک دنیا نفوذ کرده است و توانسته با قابلیتهایی که دارد خیلی از مجموعههای بزرگ را متقاعد کند تا از آن برای توسعهی رابط کاربری خود استفاده کنند، اما برای استفاده از React نیاز به سواد کافی و مطالعه بسیار زیادی است و در کنار آن باید آن را تجربه کرد. همچنین برای استخدام شدن در شرکتها باید با آن آشنا بود تا حل کردن خیلی از چالشها برای ما امکان پذیر باشد.
نکته ای که در این بین وجود دارد، این است که React چون یک کتابخانه جاوا اسکریپتی است، موتورهای جستجو نمی توانند اینگونه صفحات را ایندکس کنند، برای رفع این مشکل نیاز است که بتوانیم صفحات SPA را سرور ساید کنیم. در این دوره آموزشی به صورت کامل روند پیاده سازی یک وب سایت ری اکتی را به صورت Server-Side Rendering یاد خواهیم گرفت.
اگر تا حدودی در فریم ورک ری اکت مهارت دارید و میخواهید وب سایت های خود را از CSR (Client-Side Rendering) به SSR (Server-Side Rendering) تبدیل کنید، این بوت کمپ ۴ روزه مناسب شماست! موضوع اصلی این بوت کمپ توسعه وب سایت های SPA ای است که قابلیت ایندکس شدن در موتورهای جستجو بخصوص گوگل را دارند. در این بوت کمپ فشرده، قدم به قدم توسعه یک وب سایت SSR رو با هم پیش برده و از ابزاری به نام NextJS استفاده خواهیم کرد تا در حالت ایده آل وب سایت های SPA را در شرایط SSR توسعه دهیم. در این دوره آموزشی در یک مسیر واقعی، کار خود را با مبحث تفاوت بین CSR و SSR، شروع می کنیم، سپس مهارت React خود را افزایش خواهیم داد و در ادامه به سراغ NextJS رفته و در کنار آن با کانفیگ کردن وب پک در Next آشنا خواهیم شد. همچنین یاد می گیریم که با Styled Components این امکان را داشته باشیم تا کامپوننت ها را استایل کنیم و در نهایت، در بهینه ترین حالت ممکن این امکان را داشته باشیم تا وب سایتی را که توسعه داده ایم را برروی سرور اجرا و بارگذاری کنیم.
یک دوره آموزشی کوتاه اما کامل به صورت بوت کمپ، همراه با تمرین و پروژه، برای اینکه توسعه SPA به صورت SSR رو یاد بگیریم و در کنار آن به مهارت کافی در توسعه هنگام استفاده از NextJS برسیم و با اراده ای آهنین خود کاری را شروع کنیم! مهم نیست در داخل یا خارج از ایران قرار دارید، برای یادگیری شما هیچ گونه محدودیتی وجود ندارد. در دوره های گذشته بجز از ایران افرادی از کشورهایی مثل فرانسه و اسپانیا هم در کلاس های آموزشی ما شرکت کرده اند. اگر علاقه مند به یادگیری هستید برای شروع فقط به یک کامپیوتر نیاز دارید تا در این دوره ثبت نام کنید. اما به یاد داشته باشید، شرط بزرگ ثبت نام در این دوره داشتن وقت کافی در طول زمان برگزاری بوت کمپ است!
نقشه راه یادگیری Front-End Development
مرور کلی بر دوره
زمان کلی دوره
۱۶ ساعت
تعداد جلسات
۴ جلسه
ظرفیت دوره
۱۵ نفر
شروع دوره
۱۴ بهمن ۱۴۰۰
پایان دوره
۲۲ بهمن ۱۴۰۰
مربی دوره
میلاد حیدری
روزهای برگزاری
پنج شنبه و جمعه
ساعت برگزاری
۴ تا ۸ بعد از ظهر
مدت زمان هر جلسه
۴ ساعت
گواهی کدینگ فرانت
اهدای گواهی نامه کدینگ فرانت
آزمون
آزمون و مصاحبه پس از اتمام دوره
امکان استخدام
استخدام قطعی ۱ نفر
در این دوره آموزشی NextJS چه مباحثی را حتما یاد خواهید گرفت؟
چگونه یک پروژهی ری اکتی را سرور ساید کنیم.
چرا باید از NextJS استفاده کنیم؟
اطلاع از اینکه در چه مواردی کتابخانه React به تنهایی پاسخگوی کار ما نیست.
با چالشهای سرور ساید روبرو خواهیم شد.
با ساختار NextJS آشنا خواهیم شد.
با صفحه بندی و Routing در NextJS آشنا خواهیم شد.
با نحوه ایجاد Dynamic Routes آشنا خواهیم شد
مدیریت ارور ها در سمت سرور و کلاینت را همگام خواهیم کرد.
نحوه authentication یک کاربر را به صورت اصولی با هم پیاده سازی خواهیم کرد.
مواردی که باید برای سئو انجام شود را با هم یاد گرفته و پیاده سازی خواهیم کرد.
اپلیکیشن خود را بصورت PWA خواهیم نوشت.
در نهایت کامپوننت ها را به هم متصل کرده و یک وب سایت ری اکتی را به صورت SSR خواهیم داشت.
یادتون باشه که در این دوره Next.js 12 رو با هم کار میکنیم که به تازگی معرفی و عرضه شده و قابلیت های بسیار خوبی به آن اضافه شده و در کنار آن از React نسخه 18 هم پشتیبانی میکنه.
ویژگی های جدید NextJS 12:
Rust Compiler
Middleware
React 18 Support
<Image />
Bot-aware ISR Fallback
Native ES Modules Support
URL Imports
React Server Components
در طی دوره آموزشی NextJS SSR قرار نیست موارد آموزشی را به صورت سطحی یاد بگیرید، بلکه هر موردی که آموزش داده می شود را در قالب یک پروژه فرانت اند بارها و بارها تکرار و تمرین میکنیم تا به یک عادت برای شما تبدیل شود. تمامی دوره های کدینگ فرانت به صورت آنلاین بوده و شما مستقیم می توانید با مربی خود در ارتباطباشید. این مزیت باعث می شود مباحث را به صورت عمیق و کاربردی یاد گرفته و بخوبی مشکلات بوجود آمده در طی مسیر یادگیری را با کمک مربی خود رفع کنید.
این دورهی آموزشی، به نام توسعهی یک وب سایت ری اکتی به صورت سرور ساید نامگذاری شده است، اما با گذراندن این دوره شما عملا مفاهیمی را یاد خواهید گرفت که بتوانید در توسعهی تمامی محصولات رابط کاربری از آن استفاده کنید. تجربه کردن در کنار افرادی که مهارتی را دارند میتواند بهترین اتفاق ممکن برای شما باشد.
این دوره با Next.js شروع خواهد شد و یاد خواهیم گرفت که چه تغییراتی برای یک پروژه ری اکتی – سرور ساید باید داشته باشیم. در کنار آن با nodejs، در سطح هایی که نیاز به یادگیری آن برای سرور ساید رندرینگ داریم هم آشنا خواهیم شد.
این دوره مناسب چه کسانی است؟
افرادی که تجربه توسعه با React را دارند و میخواهند Server-Side Rendering با ری اکت را تجربه کنند و مهارت کسب کنند.
افرادی که آشنایی کمی با Next دارند اما میخواهند با Best Practices آشنا شوند.
افرادی که آشنایی خوبی با جاوا اسکریپت دارند و حتی با فریم هایی که مانند Vue و Angular تجربه کار دارند.
افرادی که یکی از بوت کمپ های Junior Front-End Developer یا Just React را گذرانده باشند.
در زیر با مهارت هایی که شما در طی این دوره برای تبدیل شدن به یک برنامه نویس فرانت اند کسب خواهید کرد آشنا خواهیم شد.
کسب مهارت در توسعه وب سایت های SSR
در ساختار CSR پردازشها و دریافت اطلاعات در سمت کلاینت و به کمک مرورگر کاربر انجام میشود. ابزار Create-React-App مشهورترین ابزار تولید وب اپلیکیشنهای CSR در ریاکت است و در ساختار SSR بخشی اصلی از پردازشها در سمت سرور و با هدف رفع نقصهای معماری CSR انجام میشود. در این دوره به صورت عمیق یاد خواهیم گرفت کاربرد هر کدام دقیقا در چه مواردی است و با روش های توسعه یک محصول با معماری SSR آشنا خواهیم شد.
یادگیری Javascript
مهمترین موضوع آموزشی برای تبدیل شدن به یک توسعه دهنده رابط کاربری یادگیری خوب Javascript است. در طول این دوره با جاوا اسکریپت به خوبی آشنا خواهیم شد و بعد از آشنایی با زبان و امکانی که در اختیار ما قرار میده این امکان را داریم تا از جاوااسکریپت به خوبی در یک پروژه فرانت و کارهای مختلف به درستی استفاده کنیم. همچنین با متد ها و رفتار آن در موقعیت های مختلف آشنا میشیم و آنها را بررسی میکنیم و از اونها استفاده میکنیم.
استفاده و توسعه با NextJS
ری اکت یک دنیای جدید در توسعه رابط کاربری ایجاد کرده و مقالات و ویدیو های آموزشی زیادی از آن در فضای وب وجود دارد. برای شرکت در این دوره نیاز است که با React و HTML و CSS آشنا باشیم.
Next.js یک فریمورک است، که به شما این امکان را می دهد تا برنامه های ری اکت (React) خود را در سمت سرور اجرا کنید.
قابلیت های اصلی که NextJS در اختیار ما قرار می دهد:
رندر کردن برنامه های ری اکت (React) در سمت سرور بصورت پیش فرض (Server-rendered by default)
استفاده از code splitting بصورت اتوماتیک برای انجام سریع بارگذاری های صفحه (Automatic code splitting for faster page loads)
مسیر دهی ساده در سمت کاربر بر اساس صفحه (Simple client-side routing (page-based
استفاده از محیط توسعه بر اساس وب پک Webpack که از قابلیت Hot Module Replacement) HMR) پشتیبانی می کند.
امکان پیاده سازی با Express یا هر Node.js HTTP server دیگری که وجود دارد.
در این بوت کمپ با تمام ویژگی های Next آشنا خواهیم شد و با تمرین و تکرار به مهارت در استفاده از آن خواهیم رسید.
آشنایی با ساختار یک پروژه SPA
وب سایت ها و اپلکیکشن ها در دنیای امروز کمی متفاوت شده اند، پروژه های رابط کاربری دیگر به سادگی گذشته نیست و برای اینکه یک توسعه دهنده خوب فرانت اند باشیم باید دانش خود را افزایش دهیم. یکی از مهمترین مواردی که بعد جاوا اسکریپت باید یاد بگیریم، تولید کردن محصولاتی به نام Single Page Application در فرانت اند است. این اپلیکشن ها بصورت مستقل اجرا می شود و جدای Back-End هستند. برای این کار باید از طریق موردی به نام Api آنها را به سرور مرتبط کرد. در این دوره نحوه ساخت اپلیکشن های SPA را یاد خواهیم گرفت و سپس توسعه آن با استفاده از ری اکت را خواهیم آموخت.
کانفیگ کردن و کاستوم کردن NextJS و وب پک ۵ در Next
مهمترین گزینه برای شروع یک پروژه Next ایجاد یک ساختار استاندارد و Best Practice برای پروژه است. در این قسمت با ایجاد چند مدل ساختار در ری اکت و Next آشنا شده و آنها را با هم مقایسه کرده تا بهترین مورد را انتخاب کنیم. در مرحله بعد با استفاده از وب پک یک پروژه Next را کاستوم کرده و آن را برای توسعه یک اپلیکیشن وب فوق العاده آماده می کنیم.
انواع استایل دهی در ری اکت و آشنایی با Style Component ها
یکی از مهم ترین مباحث در ری اکت آشنایی با انواع روش های استایل دهی آن است، در کل روش های مختلف برای style دادن در ری اکت وجود داره، و این امکان را داریم که از آنها در پروژه ها استفاده کنیم، همانند css,sass,styled component, modular css و موارد دیگه. در انتها styled component را به صورت کامل یاد خواهیم گرفت تا پروژه ها را به بهترین حالت ممکن استایل دهی کنیم.
استفاده از State Management ها در Next
در این قسمت نحوه استفاده از مدیریت استیت ها را خواهیم آموخت و در کنار آن یاد می گیریم که دیتاها در فضای اپلیکیشن رو با استیت برنامه سینک کنیم و در بخش های مختلف برنامه از آنها استفاده کنیم. در این دوره هدف اصلی یادگیری روال کار استیت منیجمنت هاست و با Context به خوبی آشنا خواهیم شد و از ابزاری به نام unstate استفاده خواهیم کرد.
آشنایی با Routing در NextJS
معمولا کمی روال روتینگ در اپلیکیشن های SPA متفاوت است و باید این روال و ابزارهایی که برای آن لازم است را یاد بگیریم، در پایان همه چالش ها و نکات مربوط به روتینگ مثل مدیریت پارامتر ها، مدیریت QueryString و LazyLoad روت ها را با هم کار خواهیم کرد و تمام نکات ریز و درشت روتینگ در Nextjs رو با یکدیگر بحث و تمرین خواهیم کرد.
آشنایی با هوک ها در ری اکت
در این دوره بعد از یادگیری ری اکت به سراغ هوک ها در ری اکت خواهیم رفت. در ابتدا هوک هایی که خود ری اکت داره را معرفی و از آنها استفاده می کنیم، بعد از اینکه هوک هایی که با ری اکت ساخته شده را استفاده کردیم، سعی میکنیم خودمان هوک هایی را بسازیم و بارها و بارها در جاهای مختلف یک پروژه فرانت از آنها استفاده کنیم.
آشنایی با API Call در Next و SSR کردن آن ها
یکی از موارد مهمی که یک فرانت دولوپر باید بلد باشه Rest Api ها است. با یادگیری این روش این امکان را دارید تا بتوانید با استفاده از وب سرویس ها، وب سایت ها و اپلیکیشن هایی را طراحی کنید که با آنها ارتباط برقرار کنه. در ادامه تمامی مواردی که در رابطه با ریکوئست زدن به سرور است را یاد می گیریم و از ابزارهای مرتبط با آن را استفاده خواهیم کرد. با تمامی این روش ها مانند promise ,async await ,yield آشنا شده و یاد می گیریم که چگونه ارور را مدیریت کنیم و همچنین بهترین راهکار ها برای مدیریت ارتباط با سرور را هم خواهیم آموخت. در انتها با متدهای getServerSideProps و getStaticProps آشنا شده و کاربرد های هر یک را با یکدیگر تمرین خواهیم کرد.
ایجاد یک وب سایت و بارگذاری در سرور
در طول دوره و در پایان آن پروژه های مختلفی را با هم تمرین می کنیم تا به خروجی نهایی رسیده و در آخر وب سایت مورد نظر خود را با استفاده از PM2 در سرور اجرا خواهیم کرد.
هدف اصلی دوره
همانطور که میدانید سایتهایی که به وسیله React یا Angular و یا Vue پیادهسازی میشوند امکان ایندکس شدن آنها در موتورهای جست و جو همانند گوگل وجود ندارد پس نیاز است که آنهارا با استفاده یک سرور همانند node.js سرور ساید کنیم. در این دوره آموزشی که بصورت بوت کمپ برگزار می شود، یاد خواهیم گرفت یک وب سایت را با React طراحی کنیم و آن را با کمک Next.js سرور ساید کنیم.
ویژگی های دوره
دوره های تعاملی و زنده
تمامی دوره های کدینگ فرانت به صورت آنلاین و تعاملی برگزار میشوند و با توجه به این موضوع هیچ ویدیوی از قبل ضبط شدهای برای این دوره ها وجود ندارد و تمامی مباحث بصورت زنده، آموزش داده میشوند، هر چند پس از پایان هر جلسه ویدیو ضبط شده مربوط به هر جلسه در اختیار شرکت کنندگان قرار خواهد گرفت تا بتوانند مباحث هر جلسه را بیشتر تمرین کنند تا به درک بهتری از آن برسند.
تمرین و انجام پروژه
شما قرار نیست در طی دوره فقط شنونده باشید، بلکه در هر جلسه در کنار هم، هر موضوع را تکرار و تمرین می کنیم تا بخوبی متوجه هر مبحث و مساله بشیم. همچنین در طول دوره، چندین پروژه را از ابتدا به زبان فارسی و انگلیسی، با هم پیش می بریم، کد می نویسم و پیاده سازی می کنیم. تکرار و تمرین در طول دوره، باعث می شود تا به راحتی در ذهن خود بتوانید مباحث را تحلیل کنید و به درک بهتری از آن برسید.
در نظر گرفتن شرایط بازار کار
با توجه به اینکه کدینگ فرانت زیر مجموعه ای از یک تیم نرم افزاری به نام هست نما است که سال ها تجربه در زمینه تولید و پشتیبانی نرم افزار در داخل و خارج کشور را دارد، به تمامی چالش های مربوط به بازار کار، آگاه هستیم و همواره سعی می کنیم در طی این دوره ها، شما را با چالش های مربوط به بازار کار آشنا کنیم تا دیگر شما نگرانی برای ورود به بازار کار را نداشته باشید.
تعهد به یادگیری شما
مدت زمان اعلامی برای هر دوره نهایی نبوده، و هر مقدار ساعت اضافی برای یادگیری شما نیاز باشد، بدون هیچ گونه هزینه اضافه ای به زمان دوره افزوده خواهد شد، تا مطالب ارائه شده را کاملا درک کنید.
مشاوره اختصاصی قبل از دوره
پس از ثبت نام و قبل از شروع هر دوره، ابتدا بصورت اختصاصی با هر یک از شرکت کنندگان جلسه ای برای مشاوره و پرسش و پاسخ برگزار می شود و سپس با حضور تمام شرکت کنندگان، جلسه هماهنگی قبل از شروع دوره برگزار خواهد شد تا درباره پیش نیازها و الزامات مربوط به دوره صحبت شود.
معرفی شرکت کننده ها به شرکت های نرم افزاری
تمامی شرکت کنندگان کدینگ فرانت در صورتی که دوره را با موفقیت با پایان رسانده باشند، در صورت تمایل به شرکت های نرم افزاری جهت کار معرفی خواهند شد. پس از پایان هر دوره رزومه شما در کنار سطح سواد، سابقه و نمرات کسب شده در طی دوره در اختیار شرکت هایی که به دنبال نیروی کار متخصص هستند قرار میگیرد و این کار احتمال استخدام شدن شما را به شدت افزایش می دهد.
پشتیبانی پس از دوره
کدینگ فرانت جدا از اینکه در طول دوره بصورت کامل پشتیبان شما خواهد بود، بعد از پایان هر دوره نیز این پشتیبانی را از طریق راههای مختلف ادامه خواهد داد و همیشه در کنار شما خواهد بود. فرقی نمی کنه مشکلات فنی باشه یا موارد مربوط به تکمیل رزومه شخصی و یا موارد دیگه کار، ما همیشه در کنار شما هستیم تا در سریعترین زمان ممکن به هدف خود برسید.
برگزاری آزمون و مصاحبه
در پایان هر بوت کمپ آموزشی، برای محک زدن دانشی که در طول دوره بدست آورده اید، آزمونی فنی برگزار خواهد شد. در کنار آن نمونه ای از یک جلسه مصاحبه فنی را پشت سر خواهید گذاشت، تا عادت کنید بدون استرس در جلسات مصاحبه شرکت کنید. چگونگی ساخت یک رزومه خوب را هم یاد می گیرید، تا خود را برای موفقیت شغلی آینده آماده کنید.
گواهی نامه کدینگ فرانت
پس از به پایان رساندن هر بوت کمپ آموزشی، به شرکت کنندگانی که آن دوره آموزشی را با موفقیت به پایان رسانده باشند، گواهی پایان دوره که بصورت دیجیتال و هم به صورت چاپی برای شما ارسال خواهد شد. این گواهینامه و نمره آزمون تاثیر زیادی در استخدام شما در شرکت های منتخب خواهد داشت.
سر فصل دوره
جلسه اول – آشنایی با SSR و چرایی استفاده از آن و شروع کار با Next
در جلسه اول دلیل استفاده از معماری SSR را با هم بررسی کرده و مشکلات و تفاوت ها را با هم مرور خواهیم کرد و سپس استفاده از Next رو شروع خواهیم کرد. بعد از بررسی معماری SSR امکاناتی که Next در اختیار برنامه نویسان قرار می دهد را بررسی و شروع خواهیم کرد. در اولین مرحله با استراکچر استاندارد ری اکت آشنا شده و سعی می کنیم تا یک استراکچر best practice از next درست کنیم. در ادامه با کامپوننت ها در Next آشنا شده و با روش های روتینگ در Next هم آشنا خواهیم شد.
همچین در این جلسه با مباحث زیر آشنا خواهیم شد:
Next.JS چیست و چه کاربردی دارد؟
Server-Side Rendering چیست و مقایسه آن با Client-Side Rendering
استایل دهی در nextjs و آشنایی با Styled Components در nextjs
آموزش پیاده سازی وب سایت Multilingual یا چند زبانه در nextjs
طراحی استراکچر یک سایت RTL و LTR
جلسه دوم – استفاده از API ها و SSR کردن آنها و مدیریت روتینگ، پارامتر ها و احراز هویت کاربر
در جلسه دوم با API CALL در next آشنا شده و سعی می کنیم آنها را به صورت SSR در کامپوننت های خود استفاده و رندر کنیم. همچنین روش های کال کردن api ها را با هم بررسی خواهیم کرد و هندل کردن روش های مدیریت api ها را با هم مدیریت و در آخر هم نحوه مدیریت ارور ها در api ها را هم تمرین خواهیم کرد.
آشنایی با getInitialProps در next
آشنایی با getServerProps در next و همچنین بررسی callback های آن
آشنایی با SWR
پیاده سازی یه middleware برای مدیریت تمام HTTP Requests برای Client-Side و هم برای Server-Side
مدیریت و تعریف Environment Variable های مختلف
مدیریت اررور ها در سمت کلاینت و در سمت سرور
و در ادامه با تمام موارد روتینگ و مدیریت پارامتر ها در روت ها آشنا شده و یاد می گیریم که پارامتر های روت را با api سینک کنیم تا مواردی همانند سرچ را بتوانیم کنترل و مدیریت کنیم. در ادامه زمانی که در روت ها به مهارت کافی رسیدیم به سراغ احراز هویت کاربر خواهیم رفت تا بتوانیم token و کوکی های کاربر را به صورت امن در کلاینت و مرورگر ذخیره کرده تا فرایند احراز هویت کاربر همراه با سرور با موفقیت انجام شود.
جلسه سوم – مدیریت States و تنظیمات SEO در NextJS
در این جلسه یاد میگیریم کاربری را که در سرور لاگین کرد نیز در مرورگر ذخیره کنیم و دیتای لاگین شده یوزر را در کلاینت خود ذخیره کنیم، پس از آن باید از یک state management استفاده کنیم تا بتوانیم از دیتای کاربر در تمام کامپوننت خودمون استفاده کنیم و برای این کار از کوکی استفاده میکنیم که تنها حافظه مشترک بین کلاینت و سرور است.
آشنایی با context
ذخیره دیتای یوزر در کانتکس
سینک کردن کانتکست و کوکی مرورگر
استفاده از کوکی ذخیره شده در تمام HTTP Request ها
تنظیمات سئو با توجه به دیتای گرفته شده از سرور و دیتای استاتیک
جلسه چهارم – تکمیل کردن یک و فرایند بیلد گرفتن و بارگذاری در سرور
در جلسه آخر بوت کمپ قراره کارهایی که در طول دوره انجام دادیم را با هم به سرانجام برسونیم و بعد از این که در تمام جزییات next به مهارت کافی رسیدیم، باید جزییات پروژه رو تکمیل کنیم و به سراغ بیلد گرفتن پروژه رفته و پس از آن با استفاده از PM2 بتوانیم روی سرور nodejs را alive نگه داریم و پروژه next خود را آنلاین کنیم.
انجام یک مینی پروژه و سرور ساید کردن آن
نحوه گرفتن بیلد استایک و داینامیک از پروژه
آشنایی با PM2
بیلد گرفتن از پروژه
نحوه استفاده از pm2 برای اجرا کردن nodejs
پروژه ای که قراره در این دوره پیاده سازی کنیم
در این بوت کمپ قراره یک وب سایت در زمینه کریپتو کارنسی ( CryptoCurrency ) را با هم پیاده کنیم و برای این کار از API مربوط به سایت coincap.io استفاده خواهیم کرد و اون رو به صورت SSR توسعه خواهیم داد.
برای انجام این پروژه قراره از ابزارهای زیر استفاده کنیم و اون رو برنامه نویسی کنیم:
React
Nextjs
Context
ANT Design
Styled Components
apisauce
در آخر لازم به ذکر هست که قرار این سایت رو به صورت چند زبانه ( چپ چین و راست چین ) پیاده سازی کنیم.
مخاطبین دوره
این دوره برای همه افرادی که تنها دانش بسیار کمی از توسعه رابط کاربری دارند مناسب است و خیلی راحت می توانید این دوره رو با موفقیت طی کنید. در این دوره آموزشی شما مهارت کسب خواهید کرد و در کنار آن از تجربیات سودمندی که باعث بهبود شما خواهد شد بهره خواهید برد. پس شرایط هموار است تا بتوانید با چالش های سخت امروز دنیای رابط کاربری، آشنا شوید.
بوت کمپ nextJS SSR دقیقا همان دوره ای است که شما برای یاد گرفتن SSR به آن احتیاج دارید چرا که همانطور که از نام آن مشخص است، شما را آماده می کند تا به یک فرانت اند دولوپر یا توسعه دهنده رابط کاربری با تجربه تر تبدیل شوید. در حقیقت این دوره یک پکیج کامل تخصصی از SSR و NextJS است که تمام نیازهای شما را پوشش خواهد داد. این دوره با در نظر گرفتن تمام چالش های این شاخه از برنامه نویسی، شما را آماده ورود به دنیای بازار کار خواهد کرد. چه به صورت فریلنسری بخواهید کار خود را شروع کنید و چه به صورت استخدام شدن در یک شرکت نرم افزاری، این دوره به خوبی نیازهای شما را برطرف خواهد کرد. شما در یک دوره آموزشی فشرده و تمام وقت در مسیر یک توسعه دهنده رابط کاربری قرار خواهید گرفت و با سوادی که در طی این دوره به دست می آورید، این امکان را دارید تا حداقل مبلغی در حدود ۱۰ تا ۱۵ میلیون تومان را در ماه کسب کنید. این تازه شروع کار شما در راه پر پیچ و خم تبدیل شدن به برنامه نویسی فرانت اند است. در این دوره به صورت عمیق مواردی را یاد خواهید گرفت که تا سال ها میتونید از آن استفاده کنید. کرد. در انتها این را به یاد داشته باشید که دنیا در حال تغییر است و همه چیز در این مسیر به سمت دیجیتالی شدن حرکت می کند. شما هم باید تبدیل بشید به چیزی که دنیای امروز به آن احتیاج دارد. این دوره می تواند یک دوره تبدیل هم برای شما باشه تا شما به شخصی تبدیل شوید که این قابلیت را داشته باشه تا محصولات جذابی تولید کنه. در اصل این دوره آموزشی را یک هکاتون نرم افزاری در نظر بگیرید که در یک بازه زمانی کوتاه بدون حاشیه و اضافه کاری بهترین و مهمترین مباحث توسعه رابط کاربری یاد گرفته و آن را انجام دهید…
هزینه یا قیمت پروژه های رابط کاربری چگونه است؟
طبق توضیحاتی که داده شد با افزایش نیاز کسب و کارها برای داشتن یک وبسایت اختصاصی ، در چندین سال اخیر ارزش تخصص طراحی سایت به شدت بالا رفته و طبیعتا نرخ یا قیمت طراحی سایت هم با آن افزایش پیدا کرده است.
برای اینکه بدانیم قیمت طراحی یک سایت استاندارد یا فروشگاهی چقدر است کافی است تا سری به شرکت های طراحی سایت بزنیم یا یک سرچ ساده توی گوگل انجام بدیم ، می بینید که قیمت طراحی یک سایت استاندارد به صورت فردی حداقل از ۲۰ میلیون تومان شروع میشود و در صورتی که به صورت سازمانی باشد حداقل از ۱۰۰ میلیون تومان فقط برای پروژه های رابط کاربری شروع می شود.
درآمد یک فرانت اند دولوپر چقدر است؟
با تمام این صحبت ها که گفته شد قصد ما این نیست تا به شما در باغ سبز نشان دهیم، اگر شما سواد خودتان را افزایش دهید، میانگین و درآمد یک برنامه نویس متوسط رو به حرفه ای رابط کاربری، حداقل ۱۵ میلیون تومان در ما است.
برای اینکه بتوانیم درآمد یک فرانت اند دولوپر را محاسبه کنیم و بدانیم که میانگین درآمد یک توسعه دهنده رابط کابری به چه میزان است، کافی است تا یک حساب سرانگشتی انجام داده تا به آن پی بریم. بر اساس هزینه و قیمت طراحی سایت که در بالا به آن اشاره کردیم ، فرض کنید یک فرانت اند دولوپر در ماه فقط و فقط 2 یا 3 پروژه دریافت کند ( دریافت کم ترین تعداد پروژه در ماه ) و همچنین این توسعه دهنده رابط کابری با قیمت پایین تری هم کار کند، برای مثال ۱۰ میلیون هر پروژه، با این حساب خواهیم دید که حداقل درآمد یک طراح سایت بین ۳۰ تا ۴۰ میلیون تومان خواهد بود.
هزینه یا سرمایه گذاری؟
هزینه ای که شما برای این دوره آموزشی پرداخت می کنید میتوان گفت به هیچ عنوان هزینه نیست بلکه هوشمندانه ترین سرمایه گذاری است که میتوانید برروی خود انجام دهید. شما وارد مسیری خواهید شد که هیچ محدودیت درآمدی در آن وجود نخواهد داشت و با اطمینان خاطر می توان گفت که بعد از پشت سر گذاشتن این دوره آموزشی، با انجام فقط ۱ یا ۲ پروژه ابتدایی چند برابر هزینه این دوره را کسب خواهید کرد. در پایان شما تخصصی را به دست می آورید که به صورت مادام العمر همراه شما خواهد بود و در هر مکان یا زمان که اراده کنید، این امکان وجود دارد تا از این تخصص درآمد میلیونی داشته باشید.
مروری بر خاطرات کدینگ فرانت
پشتیبانی مدرس به چه صورت خواهد بود؟
مدرس دوره
میلاد حیدری
Co-Founder کارگاه خلاقیت و نوآوری هست نما، بنیانگذار ری اکت کانف و کدینگ فرانت و سرپرست استعداد یابی در کدینگ فرانت
میلاد حیدری برنامه نویس نرم افزار و به ویژه توسعه دهنده رابط کاربری، بنیانگذار کدینگ فرانت و ری اکت کانف و هم بنیانگذار کارگاه خلاقیت و نوآوری هست نما. در ۱۱ سال گذشته تمام وقتم به برنامه نویسی و کار کردن بر روی پروژه های مختلف اختصاص داده و به شرکت های مختلفی کمک کردم تا بتونن پروژه هاشون رو با موفقیت به ثمر برسونن. بعد از حدود ۸ سال به عنوان برنامه نویس در قالب کارمندی و فریلنسری تصمیم به برپایی یک مجموعه نرم افزاری کردم و کارگاه خلاقیت و نوآوری هست نما شکل گرفت. در مجموعه هست نما با پروژه های مختلف کار کردیم و چندین همایش و ورک شاپ رو برگزار کردیم و حتی به صورت داور در همایش های بین الملی شرکت کردیم. در کنار همه این ها و با توجه به اینکه یاد گرفتن برنامه نویسی و یاد دادن به اون افراد مشتاق رو خیلی دوست داشتم و این عقیده رو دارم که باید به آدم ها در مسیر پیشرفرتشون کمک کرد، مجموعه آموزشی کدینگ فرانت و هست نما آکادمی رو راه اندازی کردیم تا بتونیم افرادی که استعداد خیلی خوبی دارند رو به همه معرفی کنیم. نکته جالبی که اتفاق افتاد و بسیار خوشحال کننده بود بسیاری از همکاران ما در کدینگ فرانت و هست نما از همین دوره های آموزشی به ما پیوستند و به بهترین ها در حوزه خودشون تبدیل شدند .
این یه سوال اساسی و خیلی مهم هستش که حتما قبلا از شروع هر دوره ای باید به اون توجه کنید. هدف ما از برگزاری این دوره ها فراهم شدن شرایط استخدام شما در شرکت های نرم افزاری یا ارتقا شغلی فعلی شما می باشد. ما در این راه تمام تلاش خودمون رو می کنیم تا اتفاق برای شما انجام بشه و برای تحقق این موضوع در کنار آموزش های پروژه محور این امکان هم وجود داره تا پس از پایان هر دوره به شرکت های نرم افزاری برای کارآموزی یا استخدام معرفی خواهید شد تا هر چه سریعتر وارد بازار کار شوید اما در مجموع در جلسه پایانی هر دوره به روش رزومه نوشتن و مصاحبه ها میپردازیم تا از هر لحاظی آماده اپلای کردن به مجموعه های نرم افزاری در داخل و خارج از ایران شوید.
تمامی دوره های آموزشی کدینگ فرانت به صورت بوت کمپ، آنلاین و پروژه محور برگزار می شود. مهم نیست در کجای دنیا قرار دارید، اگر علاقه مند به یادگیری هستید برای شروع فقط به یک کامپیوتر و اینترنت نیاز دارید تا در این دوره ثبت نام کنید.
در دوره های آموزشی کدینگ فرانت تمرکز اصلی ما بر پایه تمرین و تکرار هستش، برای هر دوره آموزشی برنامه ریزی های کاملی انجام شده تا درگیر پروژه های مختلف شوید و با تمرین های بسیار زیاد خود را برای تبدیل شدن به یک توسعه دهنده فرانت اند آماده کنید. جزییات و سرفصل های هر دوره هم به طور کامل در صفحه مورد نظر نوشته شده و اینکه هیچ ثبت نام مستقیمی برای دوره ها وجود نداره، اول برای مشاوره رزرو میکنید سپس دوستان پشتیبانی باهاتون تماس میگیرن، بعد از جلسه مشاوره میتونید ثبت نامتون رو قطعی کنید.
اگر واقعا میخواهید در یک مسیر درست قرار بگیرید و برنامه نویسی رو اصولی در کنار افرادی که شغل اصلیشون برنامه نویسیه یاد بگیرید، بودن در کنار یک منتور میتونه بهتون خیلی کمک کنه تا بتونید از این مسیر کسب درآمد کنید، پیشنهاد میکنیم حتما در این دوره شرکت کنید و یک مهارت فوقالعاده را در کنار مدرک خود داشته باشید فقط یادتون باشه اصلا رشته تحصیلی برای یادگرفتن برنامه نویسی اهمیت ندارد، ما در کدینگ فرانت دانشجو هایی از رشته های غیر فنی مثل شیمی، زیست شناسی و ... داشتیم که به برنامه نویس های بسیار خوبی تبدیل شده اند. احتمالا خیلی از افراد دوست دارند با دیدن ویدیو یا مطالعه شخصی و ... یک مبحثی رو یاد بگیرند و این کار بسیار درستی هست چون بستگی به شخصیت هر فردی، نحوه یادگیری جداست، اما بودن در کنار یک منتور میتونه سرعت یادگیری شما رو افزایش بده.
بله، برای کلیه شرکت کنندگان هم در حین برگزاری دوره و هم پس از دوره پشتیبانی بصورت کامل چه از لحاظ فنی و غیره انجام خواهد شد تا هیچ گونه نگرانی از این بابت نداشته باشید. از روند ساختن رزومه تا مصاحبه های شغلی، سوالات فنی، رفع اشکال و حتی جلسات مشاوره میتونید کاملا روی ما حساب باز کنید. البته قرار نیست همیشه در هر لحظهای پشتیبان شما باشیم، اما ذهن شما و سواد شما رو به طریقی تقویت میکنیم که بخشی از سوالهاتون رو بتونید خودتون پیدا کنید.
فرقی نمی کند که شما پس از یاد گرفتن برنامه نویسی برای خود بصورت فری لنسری کار کنید یا در شرکت های دیگر. اگر شما برنامه نویسی را در حوزه مورد علاقه خود به خوبی یاد بگیرید به احتمال بسیار زیاد مشکلی از بابت کار نخواهید داشت نه در داخل ایران و نه در خارج ایران!. توسعه دهنده نرم افزار در همه زمینه ها، همواره در بین مشاغل پردرآمد قرار دارد. هر چقدر توانایی شما در آن بیشتر شود درآمد شما هم بیشتر خواهد شد و هیچ سقف مشخصی برای آن وجود ندارد و همه چیز بستگی به علاقه، پشتکار و البته دانش فنی شما در فرایند یادگیری دارد.
در شرایط کنونی کشور که ارزش دلار همیشه در حال بالا رفتن هستش اگر شما یک توسعه دهنده نرم افزار باشید به راحتی این امکان را دارید تا با شرکت هایی در خارج از کشور هستن بصورت پروژه ای کار کنید و درآمد دلاری بابت انجام آن بدست آورید.
همچنین در این شرایط مربوط به کرونا که خیلی از شغل ها نیاز به حضور فیزیکی دارن که همین موضوع مشکلات زیادی رو بوجود میاره، برای فردی که دانش کافی برای توسعه نرم افزار رو داشته باشه این محدودیت ها عملا تاثیری نخواهد داشت و براحتی میتونه به انجام پروژه های مختلف در منزل درآمد لازم رو کسب کنه.
دوستانی که علاقه مند هستن که در خارج از کشور به کار و زندگی خود ادامه بدن با توجه به نیاز اکثر کشور های بزرگ به توسعه دهنده نرم افزار، اگر این دانش را فرا بگیرند و تجربه لازم را در کار بدست بیارند به راحتی این امکان رو دارند که برای مهاجرت خود برنامه ریزی و اقدام کنن.
سعی کردیم زمان برگزاری دوره ها، نه خیلی کوتاه باشه که مطالب سطحی بیان بشه و نه خیلی طولانی مدت که باعث خستگی شما بشه. در طی یک زمان مناسب دقیقا همان چیزی را یاد خواهید گرفت که به آن نیاز دارید. برای این منظور شرایط زمانی افراد مختلف مثل کار، مدرسه یا دانشگاه درنظر گرفته شده تا نگرانی از این بابت نداشته باشید و با آسوگی در این دوره های شرکت کنید. فقط یادتون باشه سطح کیفی کلاس ها اصلا قابل مقایسه با کلاس های آنلاینی که تا به حال شرکت کرده اید نیست و کاملا متفاوت خواهد بود.
ثبت نام در دوره نیاز به هیچ پیش نیازی نیست. صرفا تجربه کار با کامپیوتر و داشتن آشنایی با سیستم عامل ویندوز کافیست همانند کار با ویندوز، نصب نرم افزار و ... در مورد تجربه برنامه نویسی هم فقط کافیست بتونید از یک فروشگاه اینترنتی مثل دیجی کالا خرید اینترنتی کنید. اگر این پیش زمینه ها رو داشته باشید در کنارش به برنامه نویسی علاقه هم داشته باشید مطمين باشید میتونید یک روزی شما دولوپر یکی از این فروشگاه های اینترنتی باشید.
شما به صورت نقد و اقساط می توانید در دوره ها ثبت نام کنید، امکان ثبت نام به صورت اقساطی برای شما در نظر گرفته شده، نکته قابل توجه این است که برای ثبت نام اقساطی هیچگونه هزینه اضافی به مبلغ دوره اضافه نخواهد شد. در صورت تمایل برای ثبت نام، کافیست در ابتدا با وارد کردن اطلاعات تماس و ایمیل خود رزرو کنید تا دوستان پشتیبان با شما تماس بگیرند. همچنین میتوانید هزینه دوره رو به صورت رمزارز هم پرداخت کنید.
بله. شما میتوانید فرد دیگری را برای دوره های کدینگ فرانت ثبت نام کنید و دوره را به ایشان هدیه دهید. تا به حال این اتفاق از طرف شرکت های مختلف، خانواده ها، همکاران و دوستان زیادی صورت گرفته است.
هر آنچه نیاز دارید به ازای هر نفر فقط
3,500,000 تومانقیمت اصلی 3,500,000 تومان بود.3,150,000 تومانقیمت فعلی 3,150,000 تومان است.
سرفصل های بروز و مدرن
منطبق با شرایط و نیازهای بازار کار
همراه با مشاوره و راهنمایی فنی
گواهی نامه کدینگ فرانت
مصاحبه شغلی
همراه با مشاوره و راهنمایی فنی
امکان ثبت نام اقساطی برای دوره های بیش از یک ماه
امکان پرداخت با تتر USDT
دیدگاه خود را بنویسید
نشانی ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *