آمارهای گیت هاب و سایت stack overflow نشان میده که بازارکار کتابخانه ریکت چه در ایران و چه در خارج از کشور رشد چشم گیری در این چند سال اخیر داشته. تا جایی که در سال 2020 ریکت (React.js) به عنوان محبوب ترین کتابخانه جاوااسکریپت شناخته شده است. یکی از دلایل این محبوبیت، سادگی یادگیری، بازار کار فوق العاده، جامعه آماری بالا، سرعت و عملکرد بالا و پشتیبانی فیسبوک هست. 

ریکت به عنوان تیر خلاص برای یک هنرجوی فرانت برای استخدام هست. چون این روزا عملا هیچ پروژه ای با جاوااسکریپت خام (vanilla JavaScript) انجام نمی شود. چون که به کمک ریکت پروژه در نهایت سادگی و در کمترین زمان ممکن با بالاترین عملکرد انجام می شود. علاوه بر این، استفاده از ابزار جدیدی مثل ریکت، هزینه توسعه و نگه داری پروژه ها رو تا حد چشم گیری کاهش می دهد. پس طبیعتا شرکت ها هم به دنبال متخصص ریکت هستند.

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

بیش از 5 دوره کامل یودمی و یوتوب رو کامل دیدم و واقعا تا الان ندیدم که یک دوره ریکت فرآیند احراز هویت (Authorization - Authentication)، ثبت نام، لاگین، سفارش، مدیریت خطاهای سمت سرور (Error handling)، مدیریت استیت ها به کمک context ، Redux را در یک پروژه واقعی فروشگاه آنلاین (shopping) بررسی کند. به همین دلیل، بک اند و دیتا بیس واقعی رو آماده بهتون میدم که یک پروژه واقعی را تمرین کنید.

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

این دوره حاصل کار با بیش از 125 دانشجو به صورت coach خصوصی، بیش از 4 سال سابقه کار با کتابخانه ریکت در پروژه های داخلی و خارجی و مشاوره چندین استارتاپ و پروژه تحت ریکت (React.js ) و نکست (Next.js) هست. ریکت رو مثل بچه خودم میدونم و بعد این همه سابقه تدریس ریکت، واقعا چالش های آموزش ریکت رو شناسایی کرده ام و یک دوره کاملا پروژه محور و حرفه ای برای شما آماده شده است. انتظار من از شما، بعد این دوره یک توسعه دهنده ارشد ریکت هست که بتونید بدون نیاز به هیچ بوت کمپ و کاراموزی با چندین نمونه کار حرفه ای وارد بازار کار شوید.

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

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

اگه دانشجو احساس کنه، کسی کنارش هست که کل مسیر رو رفته با اطمینان خاطر بیشتری یاد میگیره، در این مسیر تجربه های خودم رو بهش میگم و نمیذارم مسیر اشتباهی بره و یادگیری براش لذت بخش خواهد شد. این دوره یک وبینار داره که در طول دوره برگزار میشه. در این وبینارها مسائل مربوط به فرایند استخدامی، رزومه سازی، نمونه کار و سوالات فنی دانشجویان جواب داده میشه. 

مفاهیم  class / functional component روی یک پروژه تمرینی بررسی میشه. استیت و پراپس ها رو میگیم. بعدش میرسیم به context و  چرخه عمر کامپوننت ها. قدم بعدی، مفاهیم filter, search, sort رو بهتون میگم. بعدش میریم سمت react-router ، http request و پروژه های دیگه برای ترکیب مفاهیم گفته میشه. بعدش  Redux رو میگیم و میریم سمت پروژه اصلی دوره. 

تمرین ها، چالش ها و پروژه ها با نهایت حساسیت انتخاب شدن تا همه مفاهیم  مثل هوک ها، استیت های global، درخواست های سمت سرور، http requests و چالش هایی با هم ترکیب بشه و مجددا استفاده بشه تا مطالب تثبیت بشه. پروژه های todoList, contactList, shopping cart, expense tracker جزء مهم ترین پروژه های این دوره هست. 

یادگیری ریکت بعد از جاوااسکریپت، یکی از بهترین انتخاب ها برای ورود به بازار کار در سال 1400 است. 

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

به دست آوردن هر چیزی بهایی دارد؛ خیلی از هزینه های زندگی به ما برنمیگرده اما شما توی این دوره روی ارتقاء کیفیت زندگی خودتان سرمایه گذاری می کنید. از امروز شروع کنید و روی رشد خودتان و مهارتتان سرمایه گذاری کنید. هر چیز ارزشمندی می‌خواهید به دست بیاورید باید ابتدا بهای آن را بپردازید.

دوره حرفه ای متخصص ریکت و ریداکس

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

قطعا خیر! تمام مفاهیم ریکت مثل (کامپوننت، life cylcle کامپوننت ها، هوک ها، استیت و...) همچنان در Next.js استفاده میشه. پس ریکت دقیقا پیش نیاز Next.js هست و برای تسلط خوب در Next.js باید ابتدا ریکت را خوب فرا بگیرید. 

خیر! هدف مهم نکست جی اس بهبود عملکرد برنامه (performance) و بهینه سازی برای موتور های جست و جو (SEO) هست. از آنجایی که سئو هدف مهم هر کسب و کاری هست، پس هر برنامه ای که نیاز به سئو داشته باشه، اولین انتخاب شما قطعا نکست خواهد بود. اما در برنامه های داخل سازمانی یا پنل های ادمین و کاربر و یا هر برنامه ای که نیازی به سئو نداشته  باشه، استفاده از ریکت مشکلی ایجاد نخواهد کرد.

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

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

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

ابتدا تمام مفاهیم مهم Next.js آموزش داده می شود. در طی پروژه ها؛ فرآیند هایی از قبیل Nested dynamic routes, Filter, Search, Sort, Category, Pagination Authentication, Authorization, SSR, SSG, Dynamic SSR/SSG, به صورت کاملا کاربردی گفته شده است.

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

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

دو تا پروژه کامل در این دوره آموزش داده می شود. پروژه اول که یک پروژه Note-App هست که هم فرانت و هم بک اند با خود Next.js توسعه داده شده است. پروژه دوم هم که خیلی پیچیده تر است، دقیقا شبیه صفحه مقالات و محصولات سایت `فرانت هوکس` هست. تمام ریزه کاری مثل دسته بندی، مرتب سازی، صفحه بندی و حتی ایجاد نظرات هم آموزش داده شده است

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

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

دوره حرفه ای متخصص Next.js

آمارهای گیت هاب و سایت stack overflow نشان میده که بازارکار جاوااسکریپت چه در ایران و چه در خارج از کشور رشد چشم گیری در این چند سال اخیر داشته. تا جایی که در سال 2019، جاوااسکریپت به عنوان محبوب ترین زبان برنامه نویسی شناخته شد. یکی از دلایل محبوب زبان برنامه نویسی جاوااسکریپت، آپدیت های زبان جاوااسکریپت هست که جذابیت این زبان را بیشتر کرده است

شما تنها با فرا گرفتن جاوااسکریپت، میتوانید برنامه هایی را برای پلتفرم های مختلف توسعه دهید. به عنوان مثال با ریکت (react.js)، vue.js و انگولار (angular) میتوان فرانت سایت را توسعه داد. به کمک nodejs، denojs و express میتوان بک اند سایت و با استفاده از React Native اپلیکیشن های مختص اندروید و ios را توسعه داد.

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

از اوایل اسفند 99 تا اواسط خرداد 1400روی این دوره وقت گذاشتم، چون بعد از کارکردن با بیش از 125 دانش پذیر که با من کوچ خصوصی داشتن، به یک مشکل پی بردم که اکثر این افراد درک درستی از مفاهیم جاوااسکریپتی نداشتن و به همین علت یادگیری ریکت (reactjs)، vuejs و فریمورک های دیگه براشون واقعا دشوار بود. این دوره آماده شد تا شما در یک قدمی بازار کار قرار بگیرید

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

خیلی به این فکر کردم که جاوااسکریپت رو چطور برای شما قابل فهم و کاربردی بگم. بنابراین تصمیم گرفتم دوره رو به دو بخش کلی تقسیم کنم. بخش اول که شامل فصل 1 تا 6 هست. طی این شش فصل، شما به صورت کاملا کاربردی مفاهیم بیسیک زبان برنامه نویسی جاوااسکریپت مثل الگوریتم ها، عملگراها، آرایه و آبجکت و.. رو یاد میگیرید. در پایان هر فصل تمرین هایی رو گذاشتم تا بتونم مهارت حل مساله شما رو تقویت کنم. در بخش دوم، به کمک چیزایی که در بخش اول فرا گرفتیم، پروژه میزنیم. پروژه ها از ساده شروع میشه. اما این پروژه ها واقعی هستند، پس همزمان لازم میشه که مفاهیم DOM را کاربری یاد بگیریم. در ادامه مباحث پیشرفته تر مثل async Js و برنامه نویسی شی گرا گفته میشه، پس ابتدا با مساله های کوچک این مفاهیم رو یاد میگیریم و برای هر کدام پروژه میزنیم. این دوره سه تا وبینار هم داره.

تمرین ها، چالش ها و پروژه ها با نهایت حساسیت انتخاب شدن تا همه مفاهیم و چالش هایی که در طی دوره داشتیم، مجددا استفاده بشه و مطالب تثبیت بشه. به عنوان مثال، پروژه سبد خرید به کمک برنامه نویسی شی گرا (object oriented programming) پیاده شده است. این دوره فعلا 25 تا تمرین، 4 تا چالش و 5 پروژه واقعی دارد.

بعد از کار کردن با بیش از 125 دانشجو، به این تجربه رسیدم که اگه دانشجو احساس کنه، کسی کنارش هست که کل مسیر رو رفته با اطمینان خاطر بیشتری یاد میگیره، در این مسیر تجربه های خودم رو بهش میگم و نمیذارم مسیر اشتباهی بره و یادگیری براش لذت بخش خواهد شد. این دوره سه تا وبینار یک ساعته داره که در طول دوره برگزار میشه. در این وبینارها مسائل مربوط به فرایند استخدامی، رزومه سازی، نمونه کار و سوالات فنی دانشجویان جواب داده میشه. 

دوره جامع و پیشرفته جاوااسکریپت

آمارهای گیت هاب و سایت npmtrends نشان میده که بازارکار فریمورک tailwindCSS در یک مقیاس جهانی رو به پیشرفت هست. به نحوی که در یک سال گذشته از دانلود هفتگی600  هزار به 2.6 میلیون دانلود هفتگی رسیده. تیلویند (TailwindCSS) یک فریمورک برای توسعه رابط کاربری (فرانت اند) است. از جمله مزیت های تیلویند افزایش سرعت توسعه برنامه ها، قابلیت شخصی سازی بالا و هم چنین سرعت بالای سایت با کمترین حجم CSS نهایی هست که همین باعث شده از زمان انتشار (سال 2019) تا به الان (اوایل 2022) طرفداران زیادی را پیدا کند.

سازوکار تیلویند با همه فریمورک های توسعه رابط کاربری که تا به الان باهاش کار کردین، کاملا متفاوت هست. چون قرار نیست تیلویند (TailwindCSS) کامپوننت های آماده ای به شما بدهد و اتفاقا این ویژگی فوق العاده تیلویند، باعث شده که تیلویند رو منحصر بفرد بکنه. تیلویند با همان مفاهیم پایه ای CSS مثل فلکس، گرید، پدینگ و... کار میکنه و در واقع مبتی بر ایده utility-first هست. به این معنی که با کلاس های آماده برای تمام ویژگی های CSS فرآیند استایل دهی را خیلی ساده تر میکند. 

ایده اصلی تیلویند این هست که شما با خارج نشدن از فایل HTML، کلاس های آماده CSS که تیلویند در اختیار ما قرار مید هد را استفاده کنیم. در واقع تا حد خیلی زیادی ما نیاز به فایل های  CSS. در برنامه نداریم. درست حدس زدین! دیگر نیازی نیست کلی زمان و انرژی صرف نام گذاری کلاس های CSS بکنید. مثلا قبل مجبور بودیم بر اساس قانون BEM اسم کلاس هایی شبیه  btn btn—primary و... ایجاد بکنیم. اما دیگر نیازی به کلاس های این مدلی نخواهیم داشت! حتی برای ایجاد مدیا کوئری ها، حالت های hover, focus, active شما در همان فایل HTML میتوانید کد مدنظرتان را بنویسید.

اتفاقا یکی از مزیت های بشدت جذاب تیلویند همینه و میتونم بگم برای همیشه از مشکلات رسپانسیو سازی خداحافظی کنید. در واقع استایل دهی بر اساس mobile-first هست. یعنی از پیاده سازی UI در سایز گوشی موبایل شروع میکنیم و با مدیا کوئری های داخلی که خود تیلویند در اختیار ما قرار میده در سایز تبلت و دسکتاپ هم، استایل و چینش جدید را ایجاد میکنیم. 

بله دقیقا، تیلونید (TailwindCSS) هم برای من و شما برنامه نویس زمان زیادی رو ذخیره میکنه تا در کمترین زمان ممکن پروژه رو توسعه بدهیم. در واقع همین که نگران رسپانسیو سازی نیستید، مشکلات اسم گذاری کلاس های CSS را ندارید، خیالتان از بابت استایل های تکراری راحت هست و در عین حال همه چی کاملا شخصی سازی هست، سرعت بشدت بالایی ایجاد میکنه. اما نکته جذاب تر اینه که در سایت شما با کمترین حجم CSS ممکن (حدود 7-8 کیلوبایت) کاملا بی نقص ایجاد میشه. همین سایت فرانت هوکس با tailwindCSS توسعه داده شده و حجم کل کد های CSS حدود 6.7  کیلوبایت هست. این حجم خیلی ناچیز سرعت سایت را به شدت بالا می برد و در بحث SEO و تجربه کاربری بشدت تاثیر گذار هست.

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

قرار نیست شما در این دوره صرفا داکینومنت سایت تیلویند رو با من بخونید و صرفا در حد تئوری با هم کار کنیم! خیر اتفاقا کاملا بر عکس. تنها راه اینه که پروژه واقعی و پیچیده پیاده سازی بشه. در هیچ کدام از دوره های ایرانی و حتی خارج کشور، همچین پروژه گسترده ای پیاده سازی نشده است. در واقع پروژه اصلی دوره ابتدا توسط متخصص ui/ux پیاده سازی شده است. فایل نهایی در فیگما و زپلین به شما ارائه میشود و در طی دوره بر اساس همین فایل های آماده شده صفر تا صد پروژه را با هم پیش میبریم. البته برای نشان دادن قدرت تیلویند، چندین کامپوننت کاملا پیشرفته و داینامیک هم توسعه داده می شود که برای تسلط دانش شما، خیلی مفید خواهد بود.

یک پروژه کاملا واقعی بر اساس ui/ux از قبل آماده شده. در قسمت 'مشاهده آنلاین پروژه های دوره' در همین صفحه سایت، میتونید خروجی نهایی دوره را ببینید. البته باید بگم که مباحث پیشرفته تر مثل کار با پلاگین های تیلویند هم کاملا تدریس شده است.

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

دوره جامع و پیشرفته TailwindCSS

آموزش پیشرفته tailwindCSS | پروژه محور

در واقع HTML و CSS دو تا تکنولوژی برای ساخت صفحات وب هستند. ویترن و ظاهر کار یک وبسایت یا وب اپ رو HTML CSS تعیین میکنه و توی نگاه اول کیفیت کار یک فرانت اند با همین مشخص میشه. قدم اول شما برای فرانت اند ، یادگیری اصولی HTML و CSS هست

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

خیلی از بچه ها، بعد چندین دوره HTML و CSS، باز هم نمی تونن یک طرح ساده رو پیاده کنن. چون متاسفانه، از همون ابتدا سعی کردن که دانشجو رو با فریمورک های آماده عادت بدهند که اصلا راهکار خوبی نیست و در دراز مدت بهشون ضربه بزرگی میزنه. طبیعتا یادگیری فریمورک ها خوبه ، اما هیچ وقت، فریمورک هایی مثل بوتسترپ  (Bootstrap)، تیلویند (TailwindCSS) و چیزای دیگه، ما رو از یادگیری مفاهیم اصلی و بشدت کاربردی مثل Flex – Grid – Responsive design بی نیاز نمی کنن. یادگیری اصولی مفاهیم هست که بین برنامه نویس خوب و بد، تمایز ایجاد میکنه. بنابراین، تمام تمرکز من هم روی تدریس دقیق مفاهیم کاربردی HTML و CSS در طی پیاده کردن پروژه ها بوده.

چون اگه به اینا مسلط باشیم، واقعا طراحی رسپانسیو خیلی برامون لذت بخش میشه و عملا از فریمورک هایی مثل بوتسترپ (bootstrap) بی نیاز میشیم. فریمورک های CSS هم  توی پشت صحنه از همین ویژگی ها استفاده می کنند. اما چیزای آماده همیشه راهکار خوبی نیستن.

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

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

دسته اول برای کسایی که برای اولین بار میخواهند وارد دنیای برنامه نویسی فرانت اند بشوند. دسته دوم، دوستانی هستند که میخوان مهارت HTML CSS خودشون رو ارتقا بدهند.

دوره طراحی وب رسپانسیو

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

این دوره در حال آماده سازی هست و به همه دانشجویان قبلی و دانشجویان جشنواره عید نوروز به عنوان هدیه تقدیم می شود.

دوره در مسیر فریلنسری

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

گیت یک ابزار ضروری برای استخدامی هست. شک نکنید که مخصوصا توی تیم باید بتونید با گیت کار کنید. در ادامه دلیلش رو میگم.

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

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

جدای از تمام دلایل بالا، توی تیم داستان بیخ پیدا میکنه! چرا ؟ الان میگم بهت. تصور کنیم که نفر A وB روی یه پروژه هستن و از کارهای همدیگه خبر ندارن و اتفاقی هر دوتاشون روی یک فایل خاص دو تا تغییر متفاوت، ایجاد میکنن. حالا چطوری بفهمیم که هر کدوم از این بندگان خدا چه قسمتی رو تغییر دادن ؟ و کد کدوم یکی شون قابل قبول تره ؟ تنها و تنها گیت هست که همه چی رو ضبط میکنه و به کمک گیت و گیت هاب / گیت لب این کار به سادگی مدیریت میشه. 

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

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

دوره گیت و گیت هاب

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

این دوره برا همه افرادی که قصد یادگیری برنامه نویسی وب و مخصوصا فرانت اند (front-end)  رو دارن لازمه.

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

این دوره هم مثل همه ی دوره های این آکادمی شامل تمرین و پروژه هست. یک تمرین واقعی به شما داده میشه و میتونید با گرید و فلکس پیاده کنید، پروژه واقعی هم در آخر دوره پیاده میشه

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