MERN Stack Web Development – Offline
MERN Stack Web Development – Offline Course :
বর্তমানে জনপ্রিয় একটি পেশা হল ওয়েব ডেভেলপমেন্ট। ওয়েব ডেভেলপমেন্ট মূলত ইন্টারনেট এর জন্য যেসব ওয়েবসাইট, ওয়েব অ্যাপ্লিকেশন তৈরি করা হয় সেগুলো বিভিন্ন স্ক্রিপ্টিং এবং প্রোগামিং ল্যাঙ্গুয়েজ ব্যবহার করে তৈরী করার প্রক্রিয়াকে বলা হয় ওয়েব ডেভেলপমেন্ট। কম্পিউটার বেসিক জানা থাকলেই এই কোর্সে অংশগ্রহন করতে পারবে এবং একজন দক্ষ ওয়েব ডেভেলপার হতে পারবে।
এই কোর্সের অনলাইন লাইভ কোর্স দেখুন
95 STUDENTS ENROLLED
কিভাবে কোর্স অর্ডার করবেন দেখুন এ কোর্সের বিগত ব্যাচের কিছু ক্লাসের ভিডিও দেখুন
Description
MERN Stack Web Development Offline Course: ফুল স্ট্যাক ওয়েব ডেভেলপমেন্ট বলতে বোঝায় কোন ওয়েব এপ্লিকেশনের বা ওয়েবসাইটের ফ্রন্ট ইন্ড, ব্যাক ইন্ড অর্থাৎ ডাটাবেজ নিয়ে কাজ করা। সুতরাং এক কথায় বলা যাই একটা ওয়েব সাইট ডিজাইন করা থেকে শুরু করে ডেভেলপমেন্ট সহ ডাটাবেজ সিকিওরিটির কাজ গুলো করতে আমাদের যা কিছু প্রয়োজন হয় সবকিছু নিয়েই ফুলস্ট্যাক ওয়েব ডেভেলপমেন্ট। বর্তমানে ওয়েব ডেভেলপমেন্ট সেক্টরে যতগুলো টেক স্ট্যাক ব্যবহার করা হয় তার মধ্যে MERN Stack অধিক জনপ্রিয় এবং চাহিদা সম্পন্ন। MERN স্ট্যাক মূলত ৪ টি টপিক নিয়ে কাজ করে যেমন: MongoDB, Express.JS, React.JS, Node.JS। এই MERN Stack এ আমরা ফুলস্ট্যাক ওয়েব ডেভেলপমেন্ট এর সকল বিষয়গুলো পাচ্ছি।
যারা মূলত ফুলস্ট্যাক ডেভেলপমেন্ট নিয়ে কাজ করে তাদেরকে ফুলস্ট্যাক ডেভেলপার বলা হয়। বর্তমানে মার্কেটে একজন ফুলস্ট্যাক ডেভেলপারের চাহিদা অনেক বেশি। ছোটো-বড় সকল কোম্পানিরই নিজেদের ওয়েবসাইট থাকে যা বানানোর জন্য একজন দক্ষ ওয়েব ডেভেলপারের প্রয়োজন হয়। যুগের সাথে তাল মিলিয়ে যেমন কর্মক্ষেত্র বৃদ্ধি পাচ্ছে ঠিক তেমনি ওয়েব ডেভেলপারদেরও কাজের ক্ষেত্রও বৃদ্ধি পাচ্ছে। ফুল স্ট্যাক ডেভেলপার হিসেবে কাজ করতে চাইলে শিক্ষাগত যোগ্যতার চেয়ে ব্যক্তিগত দক্ষতা বেশি জরুরী। অনেক ক্ষেত্রে দক্ষতার উপর নির্ভর করে নিয়োগ দেওয়া হয়ে থাকে।
বর্তমানে ওয়েব ডেভেলপারের চাহিদা প্রতিনিয়ত বেড়েই চলেছে এবং ভবিষ্যতে আরো বাড়বে। একজন প্রফেশনাল ফুল স্ট্যাক ওয়েব ডেভেলাপার চাইলে অফলাইন অনলাইন দুই জায়গাই কাজ করতে পারেন। একজন ফুল স্ট্যাক ওয়েব ডেভেলপার কত আয় করবে তা নির্ভর করবে তার কাজের দক্ষতার এবং অভিজ্ঞতার উপর। তবে দক্ষতা ভেদে কিছু কিছু কোম্পানিতে ২০ হাজার টাকা থেকে ১ লাখের ও বেশি টাকা পর্যন্ত বেতন হয়ে থাকে।
কাদের জন্য কোর্সটি?
যারা ফুলস্ট্যাক ওয়েব ডেভেলপার হিসেবে ক্যারিয়ার গড়তে চান
অনলাইন উদ্যোক্তা বা আইটি স্পেশালিস্ট হতে চান
যাদের কোডিং এ আগ্রহ রয়েছে।
যারা পড়াশুনার পাশাপাশি পার্টটাইম কিছু করে পড়াশুনা চালিয়ে নিতে চান
কোর্সে কি কি শেখানো হবে?
ওয়েব সাইট এবং ওয়েব অ্যাপ তৈরি
সার্ভার সাইড এবং ডাটাবেইজ ভিত্তিক দক্ষতা অর্জন
এইচটিএমএল ভিত্তিক মোবাইল অ্যাপ তৈরি
ফ্রিল্যান্সিং ওয়েবসাইটে প্রজেক্ট বিড
একজন ফুলস্ট্যাক ডেভেলপার হওয়া
HTML, CSS, Js, Node JS, Express JS, Mongo DB
ফ্রিল্যান্সিং মার্কেট প্লেসে কাজ করার পূর্ণাঙ্গ গাইডলাইন
সম্পূর্ণ কোর্স কারিকুলাম দেখতে নিচে স্ক্রোল(Scroll) করুন।
কোর্স শুরুর পূর্বে যা প্রয়োজন
কোর্সটি শুরু করার পূর্বে অন্য কোন বিষয়ের উপর ধারনা থাকার প্রয়োজন নেই , তবে কম্পিউটার এবং ইন্টারনেট পরিচালনায় কিছুটা দক্ষ হতে হবে ।
ইন্টারনেট কানেকশনসহ একটি কম্পিউটার
কম্পিউটার ও ইন্টারনেট এর প্রাথমিক ধারণা
একটি হেডফোন (ল্যাপটপ হলে হেডফোন আবশ্যক নয়)।
কম্পিউটার কনফিগারেশন
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
বিশেষ সুবিধা সমুহ
ইশিখনে ক্লাস নিচ্ছেন দেশের স্বনামধন্য সব শীর্ষ সফল ফ্রিল্যান্সার ও আইটি উদ্যোক্তাগণ।
ক্লাস শেষেও সরাসরি শিক্ষকের তত্ত্বাবধানে সাপোর্ট সহ ১+ ঘন্টা প্রাকটিস।
কোর্স শেষে লাইফ টাইম সাপোর্ট। যতদিন না আপনি কাজ পাচ্ছেন ততদিন এক্সপার্ট ফ্রিল্যান্সার দ্বারা তত্ত্বাবধান। মার্কেটপ্লেসে কাজ করতে বা কাজ পেতে কোন অসুবিধা হলে আমাদের এক্সপার্ট ফ্রিল্যান্সাররা সাহায্য করবে এবং ফলো আপে রাখবে যতদিন না কাজ পাবেন।
প্রতিটি ক্লাসের ক্লাসের রেকর্ডেড ভিডিও।
প্রতিটি ক্লাস শেষে রয়েছে উক্ত ক্লাসের উপর মডেল টেস্ট, কুইজ এসাইনমেন্ট এবং দ্রুত শিখার সব অত্যাধুনিক ফিচার।
কোর্স শেষ হওয়ার পরও রিভিউ/প্রবলেম সলভিং ক্লাসসমূহ।
কোর্স শেষে আপওয়ার্ক, ফাইভার, ফ্রিল্যান্সারসহ বিভিন্ন মার্কেটপ্লেসের উপর এক্সট্রা স্পেশাল ক্লাস।
কোর্স শেষে অনলাইন ভেরিফায়েড সার্টিফিকেট।
কোর্স শেষে আয়ের ক্ষেত্রসমুহ:
এনভাটো মার্কেটে টেমপ্লেট বিক্রি।
ফুলস্ট্যাক ওয়েব ডেভেলপার হিসেবে যেকোন আইটি কোম্পানিতে চাকরি
Course Batches
Course Curriculum
| Class 1 : Orientation And Basic Discussion | |||
| Class 2 : What We Need To Start The Journey | |||
| Introduction | 00:00:00 | ||
| Install Vs Code Editor | 00:00:00 | ||
| Install Git | 00:00:00 | ||
| Install Node And Version Check | 00:00:00 | ||
| Assignments Rules | 00:00:00 | ||
| Support From Us | 00:00:00 | ||
| Course Summary | 00:00:00 | ||
| Class 3 : Html Beginning | |||
| First Website In World | 00:00:00 | ||
| Explore Html | 00:00:00 | ||
| Html In Vs Code | 00:00:00 | ||
| Html Tags = Paragraph, Bold ,italic, Heading ,strong | 00:00:00 | ||
| Html Attribute, Anchor, Href, | 00:00:00 | ||
| Image Display = Local Image And Or Cdn Link | 00:00:00 | ||
| List, Ordered List, Unordered List | 00:00:00 | ||
| Button, Input Text Password, Div, Small, Br | 00:00:00 | ||
| Html Structure, Head, Body, Title, Footer | 00:00:00 | ||
| More….. | 00:00:00 | ||
| Class 4 : Css | |||
| Css Intro | 00:00:00 | ||
| External, Internal, Inline Css, | 00:00:00 | ||
| Style Tag, Color, Hexcode, Rgb | 00:00:00 | ||
| Background-color, Height, Width | 00:00:00 | ||
| Css Id, Class | 00:00:00 | ||
| Border, Border Radius, Flex, Float, Margin, Padding , All Way | 00:00:00 | ||
| Css Box Model | 00:00:00 | ||
| Text Align, Display, Inline, Block, Inline-block | 00:00:00 | ||
| More…… | 00:00:00 | ||
| Class 5 : Github Account Create And Simple Portfolio | |||
| Github Account Create | 00:00:00 | ||
| Project Upload On Github | 00:00:00 | ||
| Background Image | 00:00:00 | ||
| Vs Code Live Server | 00:00:00 | ||
| Google Font | 00:00:00 | ||
| Box Shadow | 00:00:00 | ||
| Box Module | 00:00:00 | ||
| Class 8 : Html Css Interview Question And Answer | |||
| Html Css Interview Question And Answer | 00:00:00 | ||
| Css Media Query | 00:00:00 | ||
| Responsive Concept Explore | 00:00:00 | ||
| Device Base Breakpoint | 00:00:00 | ||
| Make Responsive Previous Project | 00:00:00 | ||
| Debugging And Css Measurement Error Solve | 00:00:00 | ||
| Class 9 : Bootstrap Intro | |||
| Why We Learn Bootstrap | 00:00:00 | ||
| Bootstrap Setup Via Download | 00:00:00 | ||
| Bootstrap Setup Via Cdn | 00:00:00 | ||
| Explore Full Bootstrap Website | 00:00:00 | ||
| Implement Bootstrap Code In My Own Website | 00:00:00 | ||
| Explore Some Class | 00:00:00 | ||
| Explain How Bootstrap Work | 00:00:00 | ||
| Class 10 : Bootstrap Project | |||
| Nav, Navbar, Margin, Padding | 00:00:00 | ||
| Slider, Banner With Responsive | 00:00:00 | ||
| Card, Width, Container | 00:00:00 | ||
| Flex, Text-colour, Font-size | 00:00:00 | ||
| Row, Col, Float, D-flex | 00:00:00 | ||
| Image Responsive, Font-weight | 00:00:00 | ||
| Responsive For All Device | 00:00:00 | ||
| Class 11 : Bootstrap Another Project | |||
| Bootstrap Customization By Basic Html, Css | 00:00:00 | ||
| Override Bootstrap Class Css By Our Css | 00:00:00 | ||
| Use Important Of Css Property | 00:00:00 | ||
| Gradient Colour Creation | 00:00:00 | ||
| Image Resize, And Image Background Remove | 00:00:00 | ||
| Image Background Set By Online Website | 00:00:00 | ||
| Input From Validation By Html Css | 00:00:00 | ||
| Min Value In Input Number Field | 00:00:00 | ||
| Class 12 : Bootstrap Another Project | |||
| Nested Menus | 00:00:00 | ||
| Drop Down | 00:00:00 | ||
| Active Menus Option | 00:00:00 | ||
| Scrollspy | 00:00:00 | ||
| Nav And Tabs | 00:00:00 | ||
| Nav With Id | 00:00:00 | ||
| Modal And Spinner | 00:00:00 | ||
| Multi Page Website Structure | 00:00:00 | ||
| Class 13 : Css Animation With Bootstrap Project | |||
| Card Animation | 00:00:00 | ||
| Set Animation In Image | 00:00:00 | ||
| Nav Option | 00:00:00 | ||
| Unique Card Design And Animation | 00:00:00 | ||
| Font Awesome With Social Links | 00:00:00 | ||
| Transform Elements | 00:00:00 | ||
| Transition Elements | 00:00:00 | ||
| Class 14 : Html, Css, Bootstrap | |||
| Create Header Section | 00:00:00 | ||
| Create Banner Section | 00:00:00 | ||
| Create Product Section | 00:00:00 | ||
| Create Another Product Section | 00:00:00 | ||
| Create Category Section | 00:00:00 | ||
| Create Contact Section | 00:00:00 | ||
| Create Footer Section | 00:00:00 | ||
| Full Project Section | 00:00:00 | ||
| Class 15 : Javascript | |||
| Javascript Introduction | 00:00:00 | ||
| Run Javascript In Vscode | 00:00:00 | ||
| Variable, Variable Type, Numeric, String, Boolean | 00:00:00 | ||
| Variable Name Naming Convention | 00:00:00 | ||
| Mathematical Operations | 00:00:00 | ||
| Integer, Float, Parseint, Parsefloat | 00:00:00 | ||
| Tofixed, Parsefloat | 00:00:00 | ||
| Class 16 : Array | |||
| Last Class Recap In 10 Min | 00:00:00 | ||
| Array, Array Length, array Index, Set By Index, Indexof | 00:00:00 | ||
| Add Or Remove Element From Array Using Push, Pop | 00:00:00 | ||
| Variables Compare And Comparison Operator | 00:00:00 | ||
| Conditional Decision, If-else, Comparison | 00:00:00 | ||
| Multiple Conditions, And Or | 00:00:00 | ||
| Nested Conditions | 00:00:00 | ||
| Class 17 : Loop | |||
| Previous Class Recap | 00:00:00 | ||
| Recap Variable, Array | 00:00:00 | ||
| While Loop, Debug And Explore While Loop | 00:00:00 | ||
| Odd Numbers, Even Numbers By Loop | 00:00:00 | ||
| For Loop, How For Loop Works | 00:00:00 | ||
| While Vs For Loop | 00:00:00 | ||
| Run A Loop For Each Element Of An Array | 00:00:00 | ||
| Class 18 : Function | |||
| Previous Concept Recap | 00:00:00 | ||
| Function Declaration, Call Function | 00:00:00 | ||
| Function Parameter, Function Return | 00:00:00 | ||
| Multi Parameter Add, Multiplication | 00:00:00 | ||
| Multiple Objects And Multiple Properties | 00:00:00 | ||
| Name Ways To Get And Set Object Property | 00:00:00 | ||
| Javascript Switch | 00:00:00 | ||
| Break And Continue | 00:00:00 | ||
| Class 19 : Javascript Concept Apply | |||
| Recap Previous Class Topic | 00:00:00 | ||
| Let, Const Concept | 00:00:00 | ||
| Inch To Feet Convert By Javascript | 00:00:00 | ||
| Is It A Leap Year Or Not? | 00:00:00 | ||
| Miles To Kilometre Calculation | 00:00:00 | ||
| Is Even Or Odd By Function | 00:00:00 | ||
| Factorial Concept | 00:00:00 | ||
| Class 20 : Simple Javascript Coding | |||
| Maths, Random Number | 00:00:00 | ||
| Variable Swap , Destructing | 00:00:00 | ||
| Find Max In Multiple Value | 00:00:00 | ||
| Add All Array Elements | 00:00:00 | ||
| Large Number In Array | 00:00:00 | ||
| Fibonacci Series | 00:00:00 | ||
| Class 21 : Javascript Coding Problem | |||
| How To Gain Solving Ability | 00:00:00 | ||
| Duplicate Items Remove From An Array | 00:00:00 | ||
| String Nature Nad String Reverse | 00:00:00 | ||
| Function Input Parameter Error Solve | 00:00:00 | ||
| Add Or Multiplication For Ferniture Calculate | 00:00:00 | ||
| Array With Cheapest Price Phone | 00:00:00 | ||
| Class 22 : Dom | |||
| What Is Javascript, Dom | 00:00:00 | ||
| Script Tag + Connection | 00:00:00 | ||
| Document Object Model = What Is Dom | 00:00:00 | ||
| Html Elements In Js By Using Tag Name | 00:00:00 | ||
| Getelementbyid | 00:00:00 | ||
| Getelementsbyclassname And Queryselectorall | 00:00:00 | ||
| Create Elements Via Javascript, Appendchild | 00:00:00 | ||
| Class 23 : Event, Addeventlistener | |||
| What Is Event, Many Types Of Event In Web | 00:00:00 | ||
| Onclick Event Via Javascript | 00:00:00 | ||
| Different System To Use Addeventlistener | 00:00:00 | ||
| Event Handlers Common Setup | 00:00:00 | ||
| Make Comment Box Via Js | 00:00:00 | ||
| Event Bubble | 00:00:00 | ||
| Stop Propagating | 00:00:00 | ||
| Event Delegate, Event Bubble | 00:00:00 | ||
| Class 24 : Dom Simple Banking Project Layout By Tailwind Css | |||
| Login Input Field, Password Field, Submit Button | 00:00:00 | ||
| Event Listener Add Navigate | 00:00:00 | ||
| Deposit, Withdraw, Balance Mark-up | 00:00:00 | ||
| Deposit And Withdraw Amount Input Fields | 00:00:00 | ||
| User Deposit And Set Deposit Total Value | 00:00:00 | ||
| Deposit Update And Balance Update | 00:00:00 | ||
| Class 25 : Dom Banking Functionality | |||
| Project Setup | 00:00:00 | ||
| User Deposit | 00:00:00 | ||
| Set Deposit Total Value | 00:00:00 | ||
| Withdraw And Balance Reduce | 00:00:00 | ||
| Common Function For Custom Code | 00:00:00 | ||
| One Function In Two Input Field | 00:00:00 | ||
| One Function In Deposit And Withdraw | 00:00:00 | ||
| Shared Balance Update Function | 00:00:00 | ||
| Nested Function With Error Handling | 00:00:00 | ||
| Class 26 : Product Cart System | |||
| Product Quantity Increase By Click On Button | 00:00:00 | ||
| Add Event Handler On Button | 00:00:00 | ||
| Create A Event Handler Function | 00:00:00 | ||
| Set The Function On Button | 00:00:00 | ||
| Product Quantity Decrease By Click On Button | 00:00:00 | ||
| Product Cart Increase Case Count | 00:00:00 | ||
| Product Cart Handle Decrease And Update Price | 00:00:00 | ||
| Product Cost Using Shared Function | 00:00:00 | ||
| Product Sub Total Cost, Tax And Grand Total Price | 00:00:00 | ||
| Class 27 : Array And String | |||
| String Compare With Tolowercase And Touppercase | 00:00:00 | ||
| Search With Indexof, Startswith, Endswith | 00:00:00 | ||
| Split, Slice, Substr, Substring, Concat, Join | 00:00:00 | ||
| Isarray, Indexof, Includes, Concat | 00:00:00 | ||
| Slice, Splice, Reverse Array, Arguments | 00:00:00 | ||
| Javascript Date Object | 00:00:00 | ||
| Class 28 : Es6, Javascript Api Implement | |||
| Basic Es6 | 00:00:00 | ||
| Var Let And Const | 00:00:00 | ||
| Default Parameter In Function | 00:00:00 | ||
| Template String, Multiple Line String, Dynamic String | 00:00:00 | ||
| Arrow Function | 00:00:00 | ||
| Big Arrow Functions | 00:00:00 | ||
| Spread Operator, Array Max | 00:00:00 | ||
| Class 29 : Inheritance And Class | |||
| Recap Basic Es6 | 00:00:00 | ||
| Array Destructuring, Nested Object And Optional Chaining | 00:00:00 | ||
| Array Map | 00:00:00 | ||
| Foreach, Filter | 00:00:00 | ||
| Find On An Array Of Objects | 00:00:00 | ||
| Class, Constructor, Method | 00:00:00 | ||
| Inheritance, Extends Class, Super, Method Of Class | 00:00:00 | ||
| Prototypical Inheritance | 00:00:00 | ||
| Class 30 : Api Started | |||
| What Is An Api | 00:00:00 | ||
| Json Intro, Parse, Stringify | 00:00:00 | ||
| Jsonplaceholder And Display Ui | 00:00:00 | ||
| Load Data, And Data To Function | 00:00:00 | ||
| Get, Post, Patch, Delete, Crud | 00:00:00 | ||
| Get Vs Post | 00:00:00 | ||
| Api Debug, Bad Api | 00:00:00 | ||
| Class 31 : Api Example And Display On Ui | |||
| Kanye West | 00:00:00 | ||
| Nested Api Data | 00:00:00 | ||
| Display Countries Name, Capital Vai A Fetch Country Api | 00:00:00 | ||
| Dynamic Api, Load Dynamic Data | 00:00:00 | ||
| Explore Meal Db Api | 00:00:00 | ||
| Dynamic Search Result | 00:00:00 | ||
| Dynamic Url Based On Click | 00:00:00 | ||
| Async Await For Error Solve | 00:00:00 | ||
| Class 32 : Tricky Concept Of Js | |||
| Dynamic Types Data Concept | 00:00:00 | ||
| Primitive Data, Non-primitive Data | 00:00:00 | ||
| True And False Values | 00:00:00 | ||
| Null And Undefined | 00:00:00 | ||
| Double Equal | 00:00:00 | ||
| Triple Equal | 00:00:00 | ||
| Scope, block, Global, Hoisting | 00:00:00 | ||
| Closure, Private Variable | 00:00:00 | ||
| Callback Function | 00:00:00 | ||
| Class 33 : Object Concept More | |||
| Multi Way To Create Object | 00:00:00 | ||
| Object Method Property | 00:00:00 | ||
| Object Keys, Values, Entities, Seal, Freeze ,delete | 00:00:00 | ||
| For In, For Of Loop In Object Entries | 00:00:00 | ||
| Objects Compare | 00:00:00 | ||
| Bind, Call And Apply | 00:00:00 | ||
| This Keyword In Javascript | 00:00:00 | ||
| Class 34 : Javascript All In One Class | |||
| Variable | 00:00:00 | ||
| Loop, While Loop, For Loop | 00:00:00 | ||
| Function, Arrow Function | 00:00:00 | ||
| Condition, <,> =<, ==, !=, || | 00:00:00 | ||
| Array Concept | 00:00:00 | ||
| Object Concept | 00:00:00 | ||
| Map, Filter, Find, Foreach, Forof Loop | 00:00:00 | ||
| Class 35 : Frontend Concept | |||
| Modern Application | 00:00:00 | ||
| Website Component, Component Define By Way | 00:00:00 | ||
| Dynamically Create Html Elements Based On Data, Template | 00:00:00 | ||
| Spa = Single Page Application , Spa Performance Benefit | 00:00:00 | ||
| Routing, Routing In React | 00:00:00 | ||
| Destructuring, Props | 00:00:00 | ||
| Website State, State Management, Why We Use State | 00:00:00 | ||
| Install React App | 00:00:00 | ||
| Explore Folder Structure In React App | 00:00:00 | ||
| Class 36 : React Main Concept | |||
| Create React App, 6 Main Concepts | 00:00:00 | ||
| Jsx, Dynamic Content, Style In React ( Dynamic ) | 00:00:00 | ||
| Component Creation, Return Html In Component | 00:00:00 | ||
| Pass Data In Components, Props In React | 00:00:00 | ||
| Multiple Components From An Array Of Objects | 00:00:00 | ||
| Recap Jsx, Components, Props | 00:00:00 | ||
| State, Component State Hook | 00:00:00 | ||
| Load Dynamic Data, Api Call Useeffect Hook | 00:00:00 | ||
| Class 37 : React All Concept | |||
| Create Components | 00:00:00 | ||
| Folder Structure | 00:00:00 | ||
| Make Css File , All Css Way | 00:00:00 | ||
| Props Data Send And Receive Data Via Props | 00:00:00 | ||
| Show Props Data On Ui Via Distructuring From Object | 00:00:00 | ||
| Add Event Handler | 00:00:00 | ||
| Use Useeffect And Usestate Hook | 00:00:00 | ||
| Fetch Data From Api Or Json File | 00:00:00 | ||
| Class 38 : Simple React App And Data Load | |||
| Load Countries Via Useeffect | 00:00:00 | ||
| Show Countries On Ui Simple Way, Folder Structure | 00:00:00 | ||
| React Extension Pack | 00:00:00 | ||
| Components And Connect In App.js | 00:00:00 | ||
| Child Component And Pass Data Via Props | 00:00:00 | ||
| Pass Multiple Data To A Child Component | 00:00:00 | ||
| Wringinn Solve Vai Unique Key | 00:00:00 | ||
| Deploy And Host Netlifi | 00:00:00 | ||
| Class 39 : How React App Work | |||
| Create New React App | 00:00:00 | ||
| What Is Jsx | 00:00:00 | ||
| React Component | 00:00:00 | ||
| Babel Transpiler | 00:00:00 | ||
| Components And How Props Works | 00:00:00 | ||
| Unidirectional Data Flow | 00:00:00 | ||
| How React States Works, Asynchronous | 00:00:00 | ||
| How React Hook Works, Send State Via Props | 00:00:00 | ||
| How React Render / Work, Virtual Dom, Diff Algorithm | 00:00:00 | ||
| Component Lifecycle And Rerendering | 00:00:00 | ||
| Class 40 : React Ecommerce Template And Functionality | |||
| Website Planning | 00:00:00 | ||
| Header Component, Logo, Nav Set | 00:00:00 | ||
| Shop Component Layout, Load Data And Set State | 00:00:00 | ||
| Product Component, Component Layout | 00:00:00 | ||
| Event Handler And Explore | 00:00:00 | ||
| Pass Eventhandler To Child Components | 00:00:00 | ||
| Cart State Setup | 00:00:00 | ||
| Packages Installation, Font Awesome Add To React, Show Icon | 00:00:00 | ||
| Class 41 : Searchable Ecommerce Function | |||
| E-commerce Project Setup | 00:00:00 | ||
| Previous Class Recap | 00:00:00 | ||
| Search Option For Find Products | 00:00:00 | ||
| Show Single Product By Using Map | 00:00:00 | ||
| Add Event Handler In Every Product And State Lift Up | 00:00:00 | ||
| Dynamic Product Review, Star Ratings On Products | 00:00:00 | ||
| Deploy And Code Recap | 00:00:00 | ||
| Class 42 : Routing Start | |||
| Bootstrap Cdn In React | 00:00:00 | ||
| Install React Bootstrap In React App | 00:00:00 | ||
| Explore News Api To Integrate React Bootstrap Card | 00:00:00 | ||
| Display News And Add Loading Spinner | 00:00:00 | ||
| Tailwind Css With Create React App | 00:00:00 | ||
| Chart Using React | 00:00:00 | ||
| React Spring Animation | 00:00:00 | ||
| Class 43 : React Routing | |||
| React Router Install | 00:00:00 | ||
| Project Setup | 00:00:00 | ||
| Create Simple Route | 00:00:00 | ||
| Load Users, Display Users | 00:00:00 | ||
| Recap Router, Route, Path, Component | 00:00:00 | ||
| Navigate Pages, Set Header, Create Link | 00:00:00 | ||
| React Route Parameter And Load Data Based On Dynamic Route | 00:00:00 | ||
| Navigate Fixed Or Dynamic Route | 00:00:00 | ||
| Class 44 : Ecommerce With Custom Hook | |||
| Install React Router And Implement Simple Router Setup | 00:00:00 | ||
| Write Usestate And Useeffect In A Different File | 00:00:00 | ||
| Build Review Page Structure | 00:00:00 | ||
| Data Consistent Across Ui And Stored Data | 00:00:00 | ||
| Usestate, Useeffect, And Remove Using Filter | 00:00:00 | ||
| Class 45 : Context Api | |||
| Create Order Placed , Clear Cart And Stored Data | 00:00:00 | ||
| Debug Add To Cart Bug | 00:00:00 | ||
| Update Quantity Of Existing Item | 00:00:00 | ||
| Conditional Rendering In React | 00:00:00 | ||
| Prop Drilling To Pass Data To A Many Components | 00:00:00 | ||
| Introduction To Context Api | 00:00:00 | ||
| Class 46 : Authentication via Firebase | |||
| What Is Authentication, What Is Authorization | 00:00:00 | ||
| Create Project For Firebase, Google Analytics | 00:00:00 | ||
| Firebase Sdk Install And Configuration Firebase | 00:00:00 | ||
| Google Sign In , Open Google Login Popup | 00:00:00 | ||
| Logged In User Set In State, Display Logged In User Info On Ui | 00:00:00 | ||
| Github Login System And Display User Info | 00:00:00 | ||
| Add Sign Out Button | 00:00:00 | ||
| Class 47 : Login With Email Pass Manually Via Firebase | |||
| Login, Registration, Sign Up, Sign In, Make Simple Login From On Ui | 00:00:00 | ||
| Bootstrap From And Collect User Email And Password | 00:00:00 | ||
| Make New User Using Email, Password | 00:00:00 | ||
| Form Field Validation Using Regular Expression | 00:00:00 | ||
| Registration And Login Toggle | 00:00:00 | ||
| Email Verification | 00:00:00 | ||
| Forget Password, Reset Password | 00:00:00 | ||
| User Name And Other Information Update To Firebase | 00:00:00 | ||
| Class 48 : Private Route | |||
| Project Setup | 00:00:00 | ||
| Firebase Hook Create, Shared Authentication | 00:00:00 | ||
| Add Google Sign With Custom Hook With | 00:00:00 | ||
| Implement Sign Out And Display User Logged In User Name | 00:00:00 | ||
| Auth Context And Auth Provider | 00:00:00 | ||
| Useauth Custom Hook | 00:00:00 | ||
| Redirect And Private Route | 00:00:00 | ||
| Implement Auth Redirect | 00:00:00 | ||
| Class 49 : Private Route With Previous Project | |||
| Auth Integration And Project Setup | 00:00:00 | ||
| Login, Register Component And Set Route | 00:00:00 | ||
| Setup Firebase Sign In, Sign Out | 00:00:00 | ||
| User Context And Set Logged In User | 00:00:00 | ||
| Auth Context Hook , Private Route And Destructuring | 00:00:00 | ||
| Private Route And Redirect To Login Url | 00:00:00 | ||
| Go Back To The Initial Page After Login | 00:00:00 | ||
| Class 50 : 50 React Responsive Website | |||
| Review Of React | 00:00:00 | ||
| How React And Jsx Works | 00:00:00 | ||
| Smart Folder Structure And Component | 00:00:00 | ||
| Host Images For React App | 00:00:00 | ||
| Service Component And Display Services | 00:00:00 | ||
| Responsive Services Using Css | 00:00:00 | ||
| Using Bootstrap Make A Responsive React Website | 00:00:00 | ||
| Responsive And Image Slider, Banner Using React Bootstrap | 00:00:00 | ||
| Class 51 : Firebase Auth And React Router | |||
| Router Setup with not found ,404 Page | 00:00:00 | ||
| Dynamic Route And Access Route Params | 00:00:00 | ||
| Login Component With React Bootstrap Navbar | 00:00:00 | ||
| Responsive Header And Firebase Project Create | 00:00:00 | ||
| Create React App And Setup Environment Variable For Firebase | 00:00:00 | ||
| Useauth Hook And Connect With Header | 00:00:00 | ||
| Purpose Of Onauthstatechanged | 00:00:00 | ||
| Firebase Deploy | 00:00:00 | ||
| Class 52 : Backend Start | |||
| Node, Express, Introduction | 00:00:00 | ||
| Create Your First Api | 00:00:00 | ||
| Dynamic Api, Api Parameter, Access Params | 00:00:00 | ||
| Nodemon, Auto Restart | 00:00:00 | ||
| Query Parameter And Return Search Result | 00:00:00 | ||
| Fetch, Middleware, Cors | 00:00:00 | ||
| Build Post Api, Set Fetch | 00:00:00 | ||
| Class 53 : Crud Operation, Mongodb Database | |||
| Database Integration, Mongodb, Crud | 00:00:00 | ||
| Mongodb Account | 00:00:00 | ||
| Cloud Database Connect And Send Data | 00:00:00 | ||
| Async Await, Try Catch | 00:00:00 | ||
| Setup Frontend React App To Send Data To The Database | 00:00:00 | ||
| Database Data Load And Show On Reacta App | 00:00:00 | ||
| Delete An Item From The Database | 00:00:00 | ||
| Class 54 : Crud Operation Base On Project | |||
| React App And Backend Setup | 00:00:00 | ||
| Node Express Server Setup And Explore Mongodb | 00:00:00 | ||
| Database Password On Environment Variable | 00:00:00 | ||
| Create Post Api And Ui Page | 00:00:00 | ||
| React Hook Form | 00:00:00 | ||
| Send The Service Data To The Mongodb Database | 00:00:00 | ||
| Load Services And Single Service From The Server | 00:00:00 | ||
| Class 55 : Ecommerce Project Node, Mongodb Connect | |||
| Ecommerce Server Creation | 00:00:00 | ||
| React App And Connect With Mongodb | 00:00:00 | ||
| Add Data From Json To Mongodb | 00:00:00 | ||
| Pagination And Page Count | 00:00:00 | ||
| Setup Pagination State | 00:00:00 | ||
| Load Data Based On The Pagination | 00:00:00 | ||
| Build Orders In A New Data | 00:00:00 | ||
| Node Vs Express, Http Method, Get Vs Post | 00:00:00 | ||
| Class 56 : Deploy Backend | |||
| Understanding Node, Build In Methods | 00:00:00 | ||
| Create Express Server | 00:00:00 | ||
| Explore Request And Response | 00:00:00 | ||
| Mongodb Database Connect Steps | 00:00:00 | ||
| Heroku Introduction Setup Account | 00:00:00 | ||
| Client Side Project Deploy To Firebase | 00:00:00 | ||
| Server Side Url | 00:00:00 | ||
| Practice Problem Solve | 00:00:00 | ||
| Class 57 : Image Host In Imagebb And Jwt Token | |||
| Project Setup, Displaying Orders | 00:00:00 | ||
| Filter User Info Using Email Address | 00:00:00 | ||
| Jwt Token Introduction | 00:00:00 | ||
| Jwt Token On Client Side | 00:00:00 | ||
| Send Jwt Token In The Server, Install Firebase Admin | 00:00:00 | ||
| Setup Firebase Admin, Verify, Decode Jwt | 00:00:00 | ||
| 401 Handle And Redirect User Unauthorised To Login Page | 00:00:00 | ||
| Class 58 : The Final Project | |||
| Project Overview | 00:00:00 | ||
| Material Ui Introduction, Default Appbar | 00:00:00 | ||
| Display Services Via Material Ui Responsive Grid | 00:00:00 | ||
| Display Single Service Data Via Material Ui Card | 00:00:00 | ||
| Explore Material Ui Common Part | 00:00:00 | ||
| Add Dynamic Background Image | 00:00:00 | ||
| Background Position, Image Popup And | 00:00:00 | ||
| Material Ui Top Banner | 00:00:00 | ||
| Class 59 : Final Project With Functionality | |||
| Page Setup | 00:00:00 | ||
| Header With Date Picker | 00:00:00 | ||
| Component, Responsive Grid | 00:00:00 | ||
| Dynamic Calendar With State Lift Up | 00:00:00 | ||
| Display A Modal From On Booking | 00:00:00 | ||
| Modal Setup | 00:00:00 | ||
| Connect Database With Node Mongo Server | 00:00:00 | ||
| Class 60 : The Final Project Logging System | |||
| Login Route Setup | 00:00:00 | ||
| Login Component, Use Object As State | 00:00:00 | ||
| Registration Page | 00:00:00 | ||
| Firebase Project | 00:00:00 | ||
| Set Environment Variable | 00:00:00 | ||
| Auth context And Use auth Hook | 00:00:00 | ||
| Login Success System | 00:00:00 | ||
| Private Route And User Redirect | 00:00:00 | ||
| Class 61 : The Final Project With Dashboard | |||
| Sign In With Google Popup | 00:00:00 | ||
| Add User Name On Registration, Handle Redirect | 00:00:00 | ||
| Api Naming Convention | 00:00:00 | ||
| Appointment Post And Collect Frontend Data | 00:00:00 | ||
| Booking System To The Databases | 00:00:00 | ||
| Responsive Sidebar For Dashboard With Route | 00:00:00 | ||
| Class 62 : Complete The Final Project | |||
| User Creation Process | 00:00:00 | ||
| User Information Save In Mongodb | 00:00:00 | ||
| Upsert Users Data To Insert | 00:00:00 | ||
| Nested Route | 00:00:00 | ||
| Admin Page And Api | 00:00:00 | ||
| Limit Dashboard Features Permission Based On Admin | 00:00:00 | ||
| Admin Route Secure | 00:00:00 | ||
| Class 63 : Project deploy in server | |||
| Deploy Final Project In Server | 00:00:00 | ||
| Portal To Heroku To Server Config | 00:00:00 | ||
| Heroku With Frontend Part And Deploy To Firebase | 00:00:00 | ||
| Multi-page Redirect Error Solve | 00:00:00 | ||
| Project Working Solve | 00:00:00 | ||
| Debugging Practice With Final Project | 00:00:00 | ||
| Practise Another Project And Recap All Concept | 00:00:00 | ||
| Class 64 : Advance React Concept | |||
| Introduction React Router V6 | 00:00:00 | ||
| Send Files Or Data To Server Using Fetch | 00:00:00 | ||
| Images Store To The Database | 00:00:00 | ||
| Load Image Data | 00:00:00 | ||
| Deploy Your Project In Google Domain | 00:00:00 | ||
| Errors Handle | 00:00:00 | ||
| React Router V6 Explore All | 00:00:00 | ||
| Class 65 : All Interview Question And Answer With Project | |||
| Question And Answer Form Html | 00:00:00 | ||
| Question And Answer Form Css | 00:00:00 | ||
| Question And Answer Form Bootstrap | 00:00:00 | ||
| Question And Answer Form Javascript | 00:00:00 | ||
| Question And Answer Form Es6 | 00:00:00 | ||
| Question And Answer Form Api | 00:00:00 | ||
| Question And Answer Form React | 00:00:00 | ||
| Question And Answer Form Firebase | 00:00:00 | ||
| Question And Answer Form Node | 00:00:00 | ||
| Question And Answer Form Express | 00:00:00 | ||
| Question And Answer From Mongodb | 00:00:00 | ||
| Portfolio Project Making Discussion For Job And Freelancing | 00:00:00 | ||
| Class 66 : Last Class Of Development | |||
| How To Get Job As Software Engineer And Apply | 00:00:00 | ||
| Performance Improve Discussion | 00:00:00 | ||
| What Should We Do As A Develop In Future | 00:00:00 | ||
| How To Learn / Improve Myself Day By Day | 00:00:00 | ||
| How To Find Solution From Google | 00:00:00 | ||
| How To Use Solution Code In My Project | 00:00:00 | ||
| Thank You Message | 00:00:00 | ||
| Course Review Class | |||
| Course Review Class:01 | 00:00:00 | ||
| Course Review Class:02 | 00:00:00 | ||
| Freelancing Class : Fiverr | |||
| Introduction with fiverr | 00:00:00 | ||
| Signing up | 00:00:00 | ||
| Profile Creation | 00:00:00 | ||
| Gig creation | 00:00:00 | ||
| Rules & regulation | 00:00:00 | ||
| Buyer request | 00:00:00 | ||
| Order complete | 00:00:00 | ||
| File delivery system | 00:00:00 | ||
| Freelancing Class : Upwork.com | |||
| 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 pass on Upwork readiness test? | 00:00:00 | ||
| How to setup 100% profile? | 00:00:00 | ||
| How to write cover letter? | 00:00:00 | ||
| How to bid? | 00:00:00 | ||
| How you can justify buyer? | 00:00:00 | ||
| What is the best time to bid on Upwork? | 00:00:00 | ||
| How you can win the bid? And so on. | 00:00:00 | ||
| Freelancing Class :freelancer.com | 00:00:00 | ||
| Introduction of freelancer.com | 00:00:00 | ||
| How to sign up? | 00:00:00 | ||
| How to verify yourself on freelancer.com? | 00:00:00 | ||
| How to get payment method verified? | 00:00:00 | ||
| How to setup your portfolio? | 00:00:00 | ||
| How to write a cover letter? | 00:00:00 | ||
| How to bid? | 00:00:00 | ||
| How you can justify buyer? | 00:00:00 | ||
| Why you need freelancer.com membership? | 00:00:00 | ||
| How you can win the bid? | 00:00:00 | ||
| Marketplace Payment Solutions Class : Payoneer | |||
| Signing up | 00:00:00 | ||
| Account creation | 00:00:00 | ||
| Add bank account | 00:00:00 | ||
| Transfer dollars | 00:00:00 | ||
Thanks Eshikhon & Ali Shorif vai
If you’re looking for an outstanding MERN stack development course, then Eshikhon.com’s offering, led by the talented and knowledgeable instructor Ali Shorif, is worth your attention.
The course is an excellent introduction to the world of web development with the MERN stack, covering all of the essential technologies, including MongoDB, Express, React, and Node.js. The content is presented in a structured, easy-to-follow format, which ensures that learners can acquire a solid foundation of the MERN stack.
What sets this course apart is Ali Shorif’s expert guidance and mentorship. He is a seasoned MERN stack developer with a passion for sharing his knowledge with aspiring developers. His teaching style is engaging, and he provides practical and actionable insights, making even the most complex topics easy to understand.
The course features a variety of projects and assignments, allowing learners to put their knowledge into practice and develop hands-on experience with the technologies. Ali is always available to provide feedback and support, ensuring that students receive personalized attention and guidance.
In addition, the course is self-paced, allowing learners to progress at their own pace and fit learning around their schedule. The course materials are comprehensive, and learners will have access to all the necessary resources to complete the course successfully.
Overall, Eshikhon.com’s MERN stack development course, led by Ali Shorif, is a fantastic opportunity for anyone seeking to gain web development expertise with the MERN stack. Whether you’re an experienced developer or a complete beginner, you’re sure to benefit from Ali’s mentorship and the course’s practical, hands-on approach.