Web And App, অনলাইন লাইভ ক্লাস
Mastering Frontend Development With React Live Course
0( 0 REVIEWS )
72 STUDENTS
Mastering Frontend Development With React Live Course
এই কোর্সে থাকছে ৪০+ লাইভ ক্লাস, অ্যাসাইনমেন্ট এবং রিয়েল-লাইফ প্রজেক্ট, যা আপনাকে ফ্রন্টএন্ড ডেভেলপমেন্টের সব প্রয়োজনীয় স্কিল অর্জনে সহায়তা করবে। এছাড়াও আধুনিক এবং ট্রেন্ডি পদ্ধতিতে React ব্যবহার করে ইন্টারঅ্যাকটিভ ওয়েবসাইট ও অ্যাপ্লিকেশন তৈরির কৌশল। ফ্রন্টএন্ড ডেভেলপমেন্টের বেসিক টু এডভান্স সবেই থাকছে এই কোর্সে যা আপনাকে একজন দক্ষ ফ্রন্টএন্ড ডেভেলপার হিসেবে তৈরি করবে।
72 STUDENTS ENROLLED
কিভাবে কোর্স অর্ডার করবেন দেখুন কিভাবে লাইভ ক্লাস করবেন দেখুন বিগত ব্যাচের ক্লাসসমূহ দেখুন
কম্পিউটার না থাকলে দেশব্যাপী ইশিখন এজেন্ট সেন্টারগুলোতে গিয়েও ক্লাসে অংশ নিতে পারবেন। আমাদের দেশব্যাপী এজেন্টসমূহ দেখতে ক্লিক করুন
Description
বর্তমানে React ছাড়া ফ্রন্টএন্ড ডেভেলপমেন্ট কল্পনাই করা যায় না। React হলো একটি জাভাস্ক্রিপ্ট ভিত্তিক লাইব্রেরি, যা দিয়ে দ্রুতগতির, ইন্টারঅ্যাকটিভ এবং রেসপন্সিভ ওয়েব অ্যাপ্লিকেশন তৈরি করা হয়। এই কোর্সে কম্পোনেন্ট ভিত্তিক আর্কিটেকচার, স্টেট এবং প্রপস ব্যবস্থাপনা, রিঅ্যাক্ট রাউটিং, এবং API ইন্টিগ্রেশনের মতো গুরুত্বপূর্ণ বিষয়গুলো শেখানো হবে। পাশাপাশি নতুনদের জন্য HTML, CSS, Tailwind CSS, এবং JavaScript ES6 শেখানোর মাধ্যমে বেসিক থেকে অ্যাডভান্স লেভেলে দক্ষ করে তলা হবে।
কোর্স শেষে আপনি একজন দক্ষ ফ্রন্টএন্ড ডেভেলপার হিসেবে কাজ করার জন্য পুরোপুরি প্রস্তুত হবেন। বর্তমানে বাংলাদেশের কোম্পানিগুলোতে একজন ফ্রন্টএন্ড ডেভেলপারের মাসিক সেলারি সাধারণত ৪০,০০০-৬০,০০০ টাকা হয়ে থাকে, এবং আন্তর্জাতিক বাজারে এটি ৫,০০০-৭,০০০ ডলার পর্যন্ত পৌঁছাতে পারে। আপনার অভিজ্ঞতা ও দক্ষতা বৃদ্ধির সাথে সাথে আয় এবং কাজের সুযোগও বৃদ্ধি পাবে।
ইশিখনে আপনার ক্লাস পরিচালনা করবেন এক্সপার্ট ইন্সট্রাকটররা, যারা দীর্ঘ সময় ধরে এই ইন্ডাস্ট্রিতে কাজ করছেন। ক্লাস শেষে ২৪/৭ লাইভ সাপোর্ট প্রদান করবে একজন ডেডিকেটেড সাপোর্ট ট্রেইনার, যিনি রিয়েল-টাইমে আপনার সমস্যা সমাধান করবেন। এছাড়াও, কোর্স শেষে ইন্টার্নশিপের সুযোগ এবং আমাদের জব প্লেসমেন্ট টিমের সহায়তায় চাকরি পাওয়ার সুযোগ রয়েছে।
যারা ওয়েব ডেভেলপমেন্টে নতুন, এবং React এর মাধ্যমে আধুনিক ফ্রন্টএন্ড ডেভেলপমেন্ট শিখতে চান।
HTML, CSS এবং JavaScript এর বেসিক ধারণা থাকা সত্ত্বেও React এর গভীরতা এবং উপকারী ফিচারগুলো সম্পর্কে আরও জানতে চান।
যদি আপনি React নিয়ে কাজ করতে চান কিন্তু কীভাবে শুরু করবেন তা জানেন না, এই কোর্সটি আপনাকে স্টেপ-বাই-স্টেপ শিখানোর সুযোগ দিবে।
যাদের কোডিং এ আগ্রহ রয়েছে।
Tools(VS Code, Git & GitHub)
HTML, CSS, Bootstrap , Tailwind CSS
javaScript
Frontend Development with API
ReactJS
NextJS
Freelancing Marketplace
Frontend Development With React কোর্সটি শুরু করার পূর্বে অন্য কোন বিষয়ের উপর ধারনা থাকার প্রয়োজন নেই , তবে কম্পিউটার এবং ইন্টারনেট পরিচালনায় কিছুটা দক্ষ হতে হবে ।
ইন্টারনেট কানেকশনসহ একটি কম্পিউটার
একটি হেডফোন (ল্যাপটপ হলে হেডফোন আবশ্যক নয়)।
CPU: Intel core i3/i5 or AMD A8/A10 APU or AMD ryzen 5
Motherboard: Supports 32GB or more ram and SATA 3.0 and 2TB-4TB HD
Ram: 8GB or Minimum 4 Gb
SSD: 256 GB or 128 GB
Hard Disk: 500GB
লাইভ ক্লাস মিস করলে পরের দিন কোর্সের ভেতর উক্ত ক্লাসের ভিডিও রেকর্ডিং ও আলোচিত ফাইল সমূহ পাবেন।
কোর্স শেষেও লাইফ টাইম সাপোর্ট। যতদিন না আপনি কাজ পাচ্ছেন ততদিন এক্সপার্ট ফ্রিল্যান্সার দ্বারা তত্ত্বাবধান। ক্লাসের বাইরেও রয়েছে লাইভ সাপোর্ট, ফোন, ফেসবুক এবং মেসেঞ্জার গ্রুপ সাপোর্ট।
প্রতিটি ক্লাসের প্রথম ১৫ মিনিট আগের ক্লাসের সমস্যাগুলো সমাধান হবে, পরের ১ ঘন্টা মূল ক্লাস শেষ ১৫ মিনিট প্রশ্নোত্তর পর্ব।
প্রতিটি ক্লাসে রয়েছে মডেল টেস্ট এবং এসাইনমেন্ট।
কোর্স শেষে আপওয়ার্ক, ফাইভার, ফ্রিল্যান্সারসহ বিভিন্ন মার্কেটপ্লেসের উপর স্পেশাল ফ্রিল্যান্সিং ক্লাস। তাছাড়াও রয়েছে রিভিউ/প্রবলেম সলভিং ক্লাসসমূহ।
কোর্স শেষে অনলাইন ভেরিফায়েড সার্টিফিকেট।
কোর্স শেষে ফ্রি এবং পেইড ইন্টার্ণশিপ করার সুযোগ ।
React দিয়ে ফ্রন্ট-এন্ড ডেভেলপার হিসেবে ফ্রিল্যান্সিং প্ল্যাটফর্মে কাজ করতে পারবেন।
RReact ডেভেলপার হিসেবে আপনি বিভিন্ন স্টার্টআপ বা বড় কোম্পানির ফ্রন্ট-এন্ড ডেভেলপার হিসেবে চাকরি করতে পারবেন ।
React দিয়ে নিজস্ব ওয়েব অ্যাপ্লিকেশন অথবা SaaS (Software as a Service) প্রডাক্ট তৈরি করে আপনি অনলাইনে আয় করতে পারবেন।
Course Batches
Course Curriculum
| Module 1: Introduction to Web Development | |||
| Class 1: HTML Basics Part 1 | |||
| Introduction of Internet and Web Technologies | 00:00:00 | ||
| Introduction to HTML | 00:00:00 | ||
| HTML Document Structure | 00:00:00 | ||
| Common HTML Tags (headings, paragraphs, links, images) | 00:00:00 | ||
| Lists (ordered, unordered) | 00:00:00 | ||
| Class 2: HTML Basics Part 2 | |||
| Tables | 00:00:00 | ||
| Forms and Input Elements | 00:00:00 | ||
| Semantic HTML | 00:00:00 | ||
| HTML5 New Elements | 00:00:00 | ||
| Class 3: Advanced HTML | |||
| Audio and Video Embedding | 00:00:00 | ||
| Iframes | 00:00:00 | ||
| Metadata | 00:00:00 | ||
| Class 4: CSS Basics Part 1 | |||
| Introduction to CSS | 00:00:00 | ||
| CSS Syntax and Selectors | 00:00:00 | ||
| Box Model | 00:00:00 | ||
| Class 5: CSS Basics Part 2 | |||
| Colors, Backgrounds, and Borders | 00:00:00 | ||
| Text Styling | 00:00:00 | ||
| Class 6: Advanced CSS | |||
| Flexbox | 00:00:00 | ||
| Grid Layout | 00:00:00 | ||
| CSS Positioning | 00:00:00 | ||
| Transitions and Animations | 00:00:00 | ||
| Responsive Design Principles | 00:00:00 | ||
| Class 7: JavaScript Basics Part 1 | |||
| Introduction to JavaScript | 00:00:00 | ||
| Variables and Data Types | 00:00:00 | ||
| Operators | 00:00:00 | ||
| Class 8: JavaScript Basics Part 2 | |||
| Control Structures (if, switch, loops) | 00:00:00 | ||
| Functions and Scope | 00:00:00 | ||
| Class 9: DOM Manipulation Part 1 | |||
| Understanding the DOM | 00:00:00 | ||
| Selecting Elements | 00:00:00 | ||
| Module 2: JavaScript Fundamentals and UI Frameworks | |||
| Class 10: DOM Manipulation Part 2 | |||
| Event Handling | 00:00:00 | ||
| Modifying DOM Elements | 00:00:00 | ||
| Class 11: Advanced JavaScript Concepts Part 1 | |||
| Arrays and Objects | 00:00:00 | ||
| ES6+ Features (let, const, arrow functions, destructuring) | 00:00:00 | ||
| Class 12: Advanced JavaScript Concepts Part 2 | |||
| Classes and Inheritance | 00:00:00 | ||
| Modules | 00:00:00 | ||
| Class 13: Working with APIs Part 1 | |||
| Introduction to APIs | 00:00:00 | ||
| Fetch API | 00:00:00 | ||
| Class 14: Working with APIs Part 2 | |||
| Handling JSON Data | 00:00:00 | ||
| Promises and Async/Await | 00:00:00 | ||
| Class 15: Tailwind CSS Part 1 | |||
| Setting Up Tailwind CSS | 00:00:00 | ||
| Utility-First Principles | 00:00:00 | ||
| Responsive Design with Tailwind | 00:00:00 | ||
| Class 16: Tailwind CSS Part 2 | |||
| Customizing Tailwind | 00:00:00 | ||
| Using Tailwind with JavaScript Frameworks | 00:00:00 | ||
| Tailwind Plugins | 00:00:00 | ||
| Class 17: Bootstrap Part 1 | |||
| Setting Up Bootstrap | 00:00:00 | ||
| Bootstrap Grid System | 00:00:00 | ||
| Bootstrap Components (Navbars, Modals, Alerts, etc.) | 00:00:00 | ||
| Class 18: Bootstrap Part 2 | |||
| Customizing Bootstrap | 00:00:00 | ||
| Bootstrap Utilities | 00:00:00 | ||
| Building a Bootstrap Project | 00:00:00 | ||
| Module 3: React.js Basics and Advanced Topics | |||
| Class 19: Introduction to React.js Part 1 | |||
| What is React? | 00:00:00 | ||
| Setting Up a React Project | 00:00:00 | ||
| JSX Syntax | 00:00:00 | ||
| Class 20: Introduction to React.js Part 2 | |||
| Components and Props | 00:00:00 | ||
| State in React | 00:00:00 | ||
| Class 21: State and Lifecycle Part 1 | |||
| Lifecycle Methods | 00:00:00 | ||
| Handling Events | 00:00:00 | ||
| Class 22: State and Lifecycle Part 2 | |||
| Conditional Rendering | 00:00:00 | ||
| Class 23: React Router | |||
| Introduction to React Router | 00:00:00 | ||
| Setting Up Routing | 00:00:00 | ||
| Navigating Between Pages | 00:00:00 | ||
| Class 24: Forms and Controlled Components | |||
| Handling Forms in React | 00:00:00 | ||
| Controlled vs Uncontrolled Components | 00:00:00 | ||
| Form Validation | 00:00:00 | ||
| Lifting State Up | 00:00:00 | ||
| Class 25: Advanced Component Patterns | |||
| Higher-Order Components (HOCs) | 00:00:00 | ||
| Render Props | 00:00:00 | ||
| Context API | 00:00:00 | ||
| Class 26: State Management with Redux Part 1 | |||
| Introduction to Redux | 00:00:00 | ||
| Setting Up Redux | 00:00:00 | ||
| Actions and Reducers | 00:00:00 | ||
| Class 27: State Management with Redux Part 2 | |||
| Connecting Redux with React | 00:00:00 | ||
| Redux Middleware | 00:00:00 | ||
| Redux Toolkit | 00:00:00 | ||
| Class 28: Hooks Part 1 | |||
| Introduction to Hooks | 00:00:00 | ||
| useState and useEffect | 00:00:00 | ||
| Class 29: Hooks Part 2 | |||
| Custom Hooks | 00:00:00 | ||
| useReducer and useContext | 00:00:00 | ||
| Module 4: SEO, Next.js, and eCommerce Project | |||
| Class 30: SEO Basics | |||
| Introduction to SEO | 00:00:00 | ||
| On-page SEO Techniques | 00:00:00 | ||
| Meta Tags and Attributes | 00:00:00 | ||
| SEO Best Practices for Web Development | 00:00:00 | ||
| Class 31: Introduction to Next.js Part 1 | |||
| What is Next.js? | 00:00:00 | ||
| Setting Up a Next.js Project | 00:00:00 | ||
| Class 32: Introduction to Next.js Part 2 | |||
| Pages and Routing in Next.js | 00:00:00 | ||
| Static Site Generation (SSG) and Server-Side Rendering (SSR) | 00:00:00 | ||
| Class 33: Advanced Next.js | |||
| API Routes | 00:00:00 | ||
| Data Fetching Methods | 00:00:00 | ||
| Next.js with Tailwind and Bootstrap | 00:00:00 | ||
| Class 34: eCommerce Capstone Project Part 1 | |||
| Planning the eCommerce Project | 00:00:00 | ||
| Project Requirements and Scope | 00:00:00 | ||
| Setting Up the Project Repository | 00:00:00 | ||
| Defning Components and State | 00:00:00 | ||
| Class 35: eCommerce Capstone Project Part 2 | |||
| Developing eCommerce Components | 00:00:00 | ||
| Product Listing | 00:00:00 | ||
| Product Details | 00:00:00 | ||
| Class 36: eCommerce Capstone Project Part 3 | |||
| Developing eCommerce Components (continued) | 00:00:00 | ||
| Shopping Cart | 00:00:00 | ||
| User Authentication | 00:00:00 | ||
| Class 37: eCommerce Capstone Project Part 4 | |||
| Implementing eCommerce Features | 00:00:00 | ||
| State Management with Redux | 00:00:00 | ||
| Adding Routing and Navigation | 00:00:00 | ||
| Class 38: eCommerce Capstone Project Part 5 | |||
| Payment Integration | 00:00:00 | ||
| Styling the Project with Tailwind and Bootstrap | 00:00:00 | ||
| Class 39: eCommerce Capstone Project Part 6 | |||
| Testing and Debugging | 00:00:00 | ||
| Performance Optimization | 00:00:00 | ||
| Class 40: eCommerce Capstone Project Part 7 | |||
| Deployment | 00:00:00 | ||
| Deploying to Netlify/Vercel/GitHub Pages | 00:00:00 | ||
| Course Recap and Q&A | 00:00:00 | ||
| Future Learning Paths and Resources | 00:00:00 | ||
| Fiverr : | |||
| Introduction of Fiverr | 00:00:00 | ||
| Fiverr rules and regulations | 00:00:00 | ||
| How to create account? | 00:00:00 | ||
| How to setup profile? | 00:00:00 | ||
| Levels of Fiverr | 00:00:00 | ||
| How to create gig? | 00:00:00 | ||
| Proper SEO of Gig | 00:00:00 | ||
| Image and video optimization | 00:00:00 | ||
| Skill Test | 00:00:00 | ||
| Gig Marketing (Organic and paid) | 00:00:00 | ||
| Order delivery system | 00:00:00 | ||
| Positive links and negetive words in Fiverr | 00:00:00 | ||
| Warning issues | 00:00:00 | ||
| Payment system | 00:00:00 | ||
| Upwork: | |||
| Introduction of upwork.com | 00:00:00 | ||
| How to sign up? | 00:00:00 | ||
| How to get Upwork profile approved? | 00:00:00 | ||
| How to verify yourself on upwork.com? | 00:00:00 | ||
| How to get payment method verified? | 00:00:00 | ||
| How to setup 100% profile? | 00:00:00 | ||
| How to write cover letter? | 00:00:00 | ||
| Connects | 00:00:00 | ||
| How to bid? | 00:00:00 | ||
| How to create project or catalogue | 00:00:00 | ||
| How you can justify buyer? | 00:00:00 | ||
| Order and delivery | 00:00:00 | ||
| Top-Rated Freelancer or Rising Talent? | 00:00:00 | ||
| Themeforest: | |||
| Introduction | 00:00:00 | ||
| Signing up | 00:00:00 | ||
| Profile creation | 00:00:00 | ||
| Rules and regulations | 00:00:00 | ||
| How to submit project | 00:00:00 | ||
| Local Job Opportunities: | |||
| Introduction to Bangladeshi Local Job Sites | 00:00:00 | ||
| Creating an Effective Profile | 00:00:00 | ||
| Job Searching and Bidding | 00:00:00 | ||
| Networking and Client Communication | 00:00:00 | ||
| Client searching through social media (facebook, Linkedin) | 00:00:00 | ||
| Showcasing Local Expertise and Cultural Sensitivity | 00:00:00 | ||
| Payment System: | |||
| Payoneer | |||
| Signing up | 00:00:00 | ||
| Account creation | 00:00:00 | ||
| payoneer account open | 00:00:00 | ||
| Account verify | 00:00:00 | ||
| Address Verificiation | 00:00:00 | ||
| Setting up the full payoneer account | 00:00:00 | ||
| Add bank account or other payment method | 00:00:00 | ||
| Transfer dollars | 00:00:00 | ||
| bKash | |||
| Add bkash account to payoneer | 00:00:00 | ||
| Per day limit | 00:00:00 | ||
| Transaction method | 00:00:00 | ||
| bKash Charges and fees | 00:00:00 | ||
| Bank Account | |||
| Payment policies | 00:00:00 | ||
| Minimum and maximum Transaction | 00:00:00 | ||
| Currency selection | 00:00:00 | ||
Course Reviews
No Reviews found for this course.
