৪ মাসের স্টাডিপ্ল্যান

৪২ টি লাইভ ক্লাস

সপ্তাহে ৩ দিন লাইভ ক্লাস

৫ টি ইন্ডাস্ট্রি স্ট্যান্ডার্ড প্রজেক্ট

১০+ প্র্যাক্টিস প্রোজেক্ট

প্রোগ্রেস ট্র্যাকিং

প্রতিদিন ১ বেলা সাপোর্ট ক্লাস

কমিউনিটি সাপোর্ট

লাইফটাইম এক্সেস

ইন্টারভিউ হ্যান্ডবুক

সার্টিফিকেট

ল্যাপটপ/ডেস্কটপ (৮ জিবি র‍্যাম)

ভালো ইন্টারনেট কানেকশন

লেগে থাকার মানসিকতা

থাকছে ৫ টির বেশি রিয়েল লাইফ প্রজেক্ট, যেগুলো করে হয়ে যাবে মোস্ট ডিমানডিং প্রোডাক্ট বিল্ড করার অভিজ্ঞতা।

Run you first code!

VS Code

Tailwind CSS

React.Js

Next.Js

Vercel

Git & Git Hub

API Integration

Code Mama

টিম প্রোজেক্ট

সিভি মেকিং এবং পোর্ট ফোলিও বিল্ডিং

জব পাওয়া পর্যন্ত সাপোর্ট

Amir Hamza

Sohanur Rahman

Parvej Hossain

Shahid Afridi Zihad

Rejaul karim 

Ismile Sardar

Taib Islam Dipu

Md Sakhawat Hossain

ব্যাচে ভর্তি হোন

জনপ্রিয় ফ্রন্টেন্ড ফ্রেমওয়ার্ক React.js ই তাদের ডকুমেন্টেশনে সাজেস্ট করছে next.js ব্যবহার করতে! বোঝাই যাচ্ছে ওয়েব ডেভেলপমেন্টের ক্ষেত্রে ফিউচার লিড করতে যাচ্ছে Next.js. আপনি একজন বড় মাপের ডেভেলপার হতে চাইলে নিশ্চয়ই নিখুঁত কাজের পাশাপাশি দ্রুততা চাইবেন যেটি আপনাকে দিতে পারে Next.js স্ট্যাক। Next.js কী?মডার্ন ওয়েব ডেভেলপমেন্টের ক্ষেত্রে React.js এখন খুবই পপুলার একটা go-to-framework. আবার অন্যদিকে Next.js একটি ওপেন সোর্স নোড ফ্রেমওয়ার্ক যা সহজেই স্কেলেবল Node.js সার্ভার সাইড অ্যাপ্লিকেশন তৈরিতে ব্যবহৃত হয়। এটি TypeScript ব্যবহার করে তৈরি করা যেটি স্কেলেবল এবং টেস্টেবল অ্যাপ্লিকেশন তৈরিতে সাহায্য করে। PostgreSQL, MongoDB, এবং MySQL এর সমস্ত ডাটাবেস এতে রয়েছে।&nbsp;কোর্সে কী কী প্রোজেক্ট করবেন?1. SEO Friendly Agency Website Project Using Next JS &amp; Rest API&nbsp; 2. News Portal Project Using Next JS&nbsp; 3. E-commerce Proejct Using Next JS 4. Inventory Rest API Project Using Next.js&nbsp; 5. Portfolio Website Project With Admin Dashboard&nbsp;

কোর্স নিয়ে যত জিজ্ঞাসা

Majedur Rahman

Frontend Excellence Unleashed: Mastering Tailwind CSS, React & Next.js for High-Performance Web Apps!

SEO Friendly Agency Website (Next JS + Rest API)

News Portal (Next JS)

Ecommerce Project (Next JS)

<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;HTML,CSS, Basic JavaScript, ES6, React JS, Web Application Terminlogy , Foundation of Software Engineering .&quot;}" data-sheets-userformat="{&quot;2&quot;:961,&quot;3&quot;:{&quot;1&quot;:0},&quot;9&quot;:1,&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0}">HTML,CSS, Basic JavaScript, ES6, React JS, Web Application Terminlogy , Foundation of Software Engineering এর সকল গুরুত্বপূর্ণ ও খুঁটিনাটি বিষয়গুলো বিস্তারিতভাবে শিখে নেই এই মডিউলে।&nbsp;

শুরুর আগে শুরুঃ HTML, CSS, JavaScript, React JS

Live Class 1: Installation | Editor Setup | Core Concept: Utility-First Fundamentals | Core Concept: Hover, Focus, and Other States | Core Concept: Responsive Design | Core Concept: Dark Mode | Core Concept: Functions &amp; Directives Live Class 2: Aspect Ratio | Container | Columns | Break After | Break Before | Break Inside | Box Decoration Break | Box Sizing | Display | Object Fit | Object Position || Justify Items | Justify Self | Align Content | Align Items | Align Self | Place Content | Place Items | Place Self Live Class 3: Overflow | Overscroll Behavior | Position | Top / Right / Bottom / Left | Visibility | Z-Index | Flex Basis | Direction | Wrap | Flex | Flex Grow | Flex Shrink | Order | Grid Template Columns | Grid Column Start / End | Grid Template Rows | Grid Row Start / End | Grid Auto Flow | Grid Auto Columns | Grid Auto Rows | Gap | Justify Content &nbsp;[Project Class]&nbsp;&nbsp;গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

[Tailwind & React]  Getting Started

[Tailwind & React] Details on tailwind Layout

[Tailwind & React] Flexbox & Grid

টেইলউইন্ড সিএসএস দিয়ে দিয়ে শুরু

[Tailwind & React] Spacing & Sizing

[Tailwind & React] Typography

[Tailwind & React] Backgrounds & Borders

টেইলউইন্ড দিয়ে শিখবো পার্ফেক্ট স্পেসিং এবং প্রো সাইজিং

[Tailwind & React] Effects & Filters

[Tailwind & React] Tables Transitions & Animation

[Tailwind & React] Interactivity

শিখবো টেইলউইন্ড এবং রিয়েক্ট এর ইন্টারএকটিভিটি

Assignmentমডিউল ১ থেকে মডিউল ৩ পর্যন্ত যা যা আলোচনা হয়েছে, তার উপর ভিত্তি করে থাকবে একটি বড়সড় অ্যাসাইনমেন্ট। এটি আপনাকে আপনার শেখা বিষয়গুলো পুনর্বিবেচনা এবং বাস্তব জীবনের চ্যালেঞ্জ মোকাবিলার প্রস্তুতি নিতে সাহায্য করবে। Testমডিউল ১ থেকে মডিউল ৩ পর্যন্ত শেখা বিষয়গুলোর উপর ভিত্তি করে একটি লাইভ টেস্ট হবে। এই টেস্টে আপনার দক্ষতা ঝালাই করার&nbsp;সুযোগ&nbsp;থাকবে।

মডিউল ৪ এর অ্যাসাইনমেন্ট

এক্সাম উইক ১

Mastering Tailwind (Module 0-4)

React JSX And Conditional Rendering

React Props and Event & Routing

রিয়েক্ট দিয়ে শিখবো প্রোপার্টি, ইভেন্ট এবং সিমলেস নেভিগেশন

Live Class 1 Working with useState() | Create a counter app using state | Create a todo list app using state | Managing form using state | Call API and make a product list using state | Working with useEffect() | Working with useLayoutEffect() Live Class 2 Working with useRef() | Working with useMemo() | Working with useCallback() | Working with useReducer() | Working with useDebugValue() [Project Class] গত লাইভ ক্লাসগুলোতে যা শিখেছেন তার প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন শিখবেন এই ক্লাসে

React Hooks

React State Managment And API Calling

শিখবো স্টেটফুল রিয়েক্ট এবং করবো এপিআই ইন্টিগ্রেশন

Figma to Dynamic React Tailwind Component Development

রিয়েক্ট এবং টেইলউইন্ড দিয়ে বানাবো ফাংশনাল ইউআই

[ Project ] Figma to React Dashboard Template Project Part (1)

ইন্টার‍্যাকটিভ ড্যাশবোর্ডঃ ফিগমা এবং এপিআই ইন্টিগ্রেশন

Assignmentমডিউল ৫ থেকে মডিউল ৮ পর্যন্ত যা যা আলোচনা হয়েছে, তার উপর ভিত্তি করে থাকবে একটি বড়সড় অ্যাসাইনমেন্ট। এটি আপনাকে আপনার শেখা বিষয়গুলো পুনর্বিবেচনা এবং বাস্তব জীবনের চ্যালেঞ্জ মোকাবিলার প্রস্তুতি নিতে সাহায্য করবে। Testমডিউল ৫ থেকে মডিউল ৮ পর্যন্ত শেখা বিষয়গুলোর উপর ভিত্তি করে একটি লাইভ টেস্ট হবে। এই টেস্টে আপনার দক্ষতা ঝালাই করার&nbsp;সুযোগ&nbsp;থাকবে।

মডিউল ৯ এর অ্যাসাইনমেন্ট

এক্সাম উইক ২

Mastering react.js (Module 5-9)

Live Class 1 Designing the Organic Food Store Frontend using Figma | Creating Wireframes and Mockups | Understanding Design Elements | Implementing Responsive Design Principles Live Class 2 Introduction to API Integration | Fetching Data from APIs | Displaying Dynamic Data on the Frontend Live Class 3 Handling API Errors and Loading States | Integrating API with Organic Food Store Design | Finalizing and Optimizing Frontend Integration

[ Project ] Figma+Rest API to Organic Food Store Ecommerce Front End Development Part 01

[ Project ] Figma+Rest API to Organic Food Store Ecommerce Front End Development Part 02

[ Project ] Figma+Rest API to Organic Food Store Ecommerce Front End Development Part 03

Organic Food Store Frontend: Figma & API Integration

Live Class 1 Creating a New Project | Understanding Project Structure in Detail | How Next.js Optimization Works Behind the Scenes | How Server-Side Rendering (SSR) and Client-Side Rendering (CSR) Work in Next.js Live Class 2 | Styling and Serving Static Files | Detailed Overview of Routing in Next.js | Link Component Usage: Queries and Properties

Start With Next jS SSR, CSR

Next jS Routing

শিখবো নেক্সট জেএস রাউটিং এবং নেভিগেশন

Live Class 1On the server, with the fetch API | On the server, with third-party libraries | On the client, with third-party libraries Live Class 2Caching, and Revalidating | SSR CSR combination: Where and how | Master layout in directory structure | Directory file naming convention and use cases

Next jS Data Fetching

Master Layout

নেক্সট জেএস ডাটা ফেচিং এবং লেআউট

Live Class 1Introduction to Figma and Next.js | | Designing a Layout in Figma | | Converting Figma Design to Next.js Components Live Class 2Integrating API Endpoints into Next.js | | Styling Components with CSS and Styled-Components | | Handling Data Fetching and State Management | | Optimizing Performance in Next.js

Figma+Rest API to Next.js Seo Friendly Agency Web Site Project Part 01

Figma+Rest API to  Next.js Seo Friendly Agency Web Site Project Part 02

নেক্সট জেএস দিয়ে বানাবো এজেন্সি সাইট

Live Class 1Introduction to Figma and Next.js | | Designing a News Portal Layout in Figma | | Converting Figma Design to Next.js Components | | Integrating REST API Endpoints for News Content Live Class 2SEO Best Practices and Implementation in Next.js | | Styling Components with CSS and Styled-Components | | Handling Data Fetching and State Management | | Optimizing Performance and SEO in Next.js

Figma+Rest API to  Next.js Seo Friendly News Portal Project Part 01

Figma+Rest API to Next.js Seo Friendly News Portal Project Part 02

ফিগমা, নেক্সট জেএস এবং রেস্ট এপিআই দিয়ে বানাবো নিউজ পোর্টাল

Assignment মডিউল ১০ থেকে মডিউল ১৪ পর্যন্ত যা যা আলোচনা হয়েছে, তার উপর ভিত্তি করে থাকবে একটি বড়সড় অ্যাসাইনমেন্ট। এটি আপনাকে আপনার শেখা বিষয়গুলো পুনর্বিবেচনা এবং বাস্তব জীবনের চ্যালেঞ্জ মোকাবিলার প্রস্তুতি নিতে সাহায্য করবে।Test মডিউল ১০ থেকে মডিউল ১৪ পর্যন্ত শেখা বিষয়গুলোর উপর ভিত্তি করে একটি লাইভ টেস্ট হবে। এই টেস্টে আপনার দক্ষতা ঝালাই করার সুযোগ থাকবে।

মডিউল ১৫ এর অ্যাসাইনমেন্ট

এক্সাম উইক ৩

Mastering Next.js (Module 10-15)

Frontend Excellence with Tailwind CSS, React & Next.Js

Showrin Barua

EB Solutions

BDOSN

Nirob Hasan

নেটওয়ার্কিং

ক্যারিয়ার গাইডলাইন

লাইভ প্রশ্নোত্তর

টিপস এন্ড ট্রিকস

ফ্রি সেমিনার

ওস্তাদ টিমের সাথে ডিসকাশন

কোর্সটি কাদের জন্য?

কোর্সটি থেকে আমরা কী কী শিখবো?

জব অপরচুনিটি কেমন? 

ওস্তাদের কোর্সটি আপনাকে কতটুকু হেল্প করবে?