একদম জিরো থেকে, কোন প্রকার পূর্ব অভিজ্ঞতা ছাড়াই একজন প্রফেশনাল ওয়েব ডেভেলপার হওয়ার জন্য যা যা লাগবে তার সবকিছুই সহজ করে গিলিয়ে খাওয়ানো হবে এই কোর্সে।
কোর্স করতে করতেই তোমার প্রফেশনাল প্রোফাইল, দশটা সিরিয়াস প্রজেক্ট রেডি হয়ে যাবে। জিনিসগুলো হাতে কলমে শিখে, প্রফেশনাল ওয়েবসাইট বানিয়েই তুমি চাকরির ইন্টারভিউতে যেতে পারবে। 😀
কোন জায়গায় আটকে গেলে বা কনফিউজড হয়ে গেলে ২৪ ঘন্টার মধ্যে কোর্স রিলেটেড সকল প্রশ্নের উত্তর দেয়ার জন্য একজন প্রফেশনাল ওয়েব ডেভেলপার স্ট্যান্ডবাই থাকবে (ছুটির দিন বাদে)।
প্রত্যেক ভিডিও শেষে প্রশ্ন থাকবে। মডিউল শেষে ফাইনাল কুইজ থাকবে। টেক এওয়ে হোমওয়ার্ক থাকবে। হোমওয়ার্ক এর কোড প্রফেশনাল লেভেলের না হলে, ফিডব্যাক দেয়া হবে।
ফ্রন্টএন্ড (HTML, CSS, JavaScript, ES6, bootstrap, React, charting), ব্যাকএন্ড (node, express, API), ডাটাবেজ (mongodb), ক্রোম ডেভ টুল, হোস্টিং, গিটহাব, ইন্টারভিউ প্রবলেম সলভিং - সবকিছু!
সো, এক্ষুণি কোর্সে এনরোল করে ঝাঁপিয়ে পড়ো। তোমার লাইফের নতুন মিশন। হার্ডওয়ার্ক করবে তুমি। গাইডলাইন আর সাপোর্ট দিবো আমরা। পারলে ঠেকা!
এনরোল করার ৮ সপ্তাহের মধ্যে পুরা কোর্স সিরিয়াসলি কমপ্লিট কারীদের নিয়ে আমরা তৈরি করবো Super Charged Interviewee Club (SCIC) সিক্রেট ক্লাব। যাদের স্পেশাল ইন্টারভিউ ট্রেনিং দিয়ে রেজুমি পাঠিয়ে দিবো বিভিন্ন কোম্পানিতে ইন্টার্ন বা ডেভেলপার হিসেবে চাকরি পাওয়ার জন্য।
যারা ওয়েব ডেভেলপার হতে চায়। যারা একদম শূন্য থেকে শুরু করে শেষ পর্যন্ত ওয়েব ডেভেলপমেন্ট শিখে তারপর ওয়েব ডেভেলপার হিসেবে কোন সফটওয়্যার কোম্পানিতে চাকরি করতে চায়, তাদের জন্য। যারা প্রোগ্রামিং বা ওয়েব ডেভেলপমেন্ট সম্পর্কে তেমন কিছুই জানে না, তাদের জন্য। এমনকি যারা চার বছর CSE পড়েও কিভাবে কি করবে দিশা করতে পারতেছে না, গুছিয়ে তেমন কিছু শিখেনি, তারাও এই কোর্স থেকে কমপ্লিট ওয়েব ডেভেলপমেন্ট শিখে চাকরিতে এপ্লাই করতে পারবে। 😀
তোমাকে তিনটা জিনিস জানতে হবে:
১. কিভাবে কম্পিউটার অন-অফ করে। কোনটা কীবোর্ড আর কোনটা মাউস সেটা জানতে হবে।
২. ভিডিও দেখে দেখে জিনিসগুলো মাথায় ঢুকানোর জন্য একটুখানি ব্রেনের খালি জায়গা রাখতে হবে।
৩. কোথাও আটকে গেলে হেল্প চাওয়ার মেন্টালিটি এবং লেগে থাকার ইচ্ছা রাখতে হবে।
সেটা কোর্স কারিকুলাম দেখলেই বুঝতে পারবে। তবে ছোট করে বললে, বলা যায়: বর্তমান সময়ে একজন সিরিয়াস ওয়েব ডেভেলপার হওয়ার জন্য যা যা লাগে, তার সবই আছে এই কোর্সে। যেমন ধরো HTML, CSS থেকে শুরু করে bootstrap, JavaScript, Git, ES6, REST API, servers, JSON তো আছেই। তার সাথে সাথে আছে বর্তমান সময়ে সবচেয়ে বেশি চাকরি যে ফ্রেমওয়ার্ক সেই React, advanced React দিয়ে কমপ্লিট ওয়েবসাইট বানানোর সিস্টেম আছে। বাড়তি হিসেবে আছে node, database (mongodb), debug, problem solving, interview questions সহ আরো অনেক জিনিস আছে। আর পুরা কোর্সে তোমাকে সাতটা ওয়েবসাইট করে দেখানো হবে। আরো সাতটা ওয়েবসাইট থাকবে তোমার হোমওয়ার্ক হিসেবে। এই পুরা জিনিস কোন রকমে শেষ করতে পারলে, একজন উন্নতমানের জুনিয়র ওয়েব ডেভেলপার না হয়ে উপায় থাকবে না। 😀
কোর্সের ভিডিও গুলো প্রি-রেকর্ড থাকবে। তুমি একাউন্ট খুলে এই কোর্সে এনরোল করলে। ভিডিওগুলো কোর্স শুরু হওয়ার পরে থেকে প্রতিদিন একটা করে মডিউল দেয়া হবে। সারাদিনের মধ্যে তুমি যখন ইচ্ছা এই ওয়েব সাইটে লগিন করে কোর্স ভিডিও দেখতে পাবে।
তুমি যদি প্রতিদিন ১ থেকে দেড় ঘন্টা ধরে ভিডিও দেখো, তার সাথে সাথে মিনিমাম ৪ থেকে ৬ ঘন্টা প্রাকটিস করো, তাহলে তোমার দুই মাসের মতো সময় লাগবে। তবে মাঝে মধ্যে হোমওয়ার্ক আর টেক এওয়ে প্রজেক্ট এর জন্য বাড়তি সময় বরাদ্ধ রাখতে হবে। হার্ডওয়ার্ক করার মেন্টালিটি নিয়ে আসতে হবে। ফাঁকিবাজি বা শর্টকাট করার কোন উপায় নাই।
আমরা কোর্সটি এমনভাবে সাজিয়েছি যেখানে একাডেমিক ব্যাকগ্রাউন্ড ম্যাটার করে না। তুমি যেকোনো একাডেমিক ব্যাকগ্রাউন্ড থেকে এই কোর্সটি করতে পারবে। চাইলে ভার্সিটির স্টুডেন্ট, কলেজের স্টুডেন্ট, চাকরিজীবি, বেকার, প্রেমিক, পলাতক প্রেমিক, এমনকি ফোন ধরে না এমন প্রেমিকা সবাই যাতে শিখতে পারে সেজন্য একদম শূন্য থেকে শুরু করা হয়েছে।
প্রথমত লাগবে ডেডিকেটেড সময়। প্রতিদিন মাস্ট ৪-৬ ঘন্টা। সম্ভব হলে ৮-১০ঘন্টা( সময় না দিতে পারলে। হার্ডওয়ার্ক করার ইচ্ছা না থাকলে কোর্সে এনরোল করে কোন লাভ হবে না) দ্বিতীয়ত লাগবে একটা ল্যাপটপ (যেখানে node, Visual Studio কোড ইনস্টল করা যায়) আর তৃতীয়ত লাগবে মিনিমাম ৪-১০ এমবিপিএস এর ইন্টারনেট। ব্রডব্যান্ড হলেই ভালো। প্রফেশনাল ওয়েব ডেভেলপার হতে হলে মিনিমাম ৩ মাস সিরিয়াস হার্ডওয়ার্ক এর কথা মাথায় রেখে নামতে হবে।
আমাদের একজন প্রফেশনাল ওয়েব ডেভেলপার থাকবে তোমার সব প্রশ্নের উত্তর দিতে। কারণ আমরা জানি-- কোর্স করতে গেলে তুমি আটকে যাবে। তোমার মাথায় অনেক প্রশ্ন আসবে। এছাড়াও পুরা প্রজেক্টের পিছনে ৬জন মানুষ কাজ করছে এবং করে যাচ্ছে তোমাকে সফল করানোর জন্য। যখন দরকার হবে নতুন ভিডিও যোগ করা হবে। আর এই সার্ভিসগুলো রাখার জন্যই আমাদের কিছু ফি রাখতে হচ্ছে।
কোন টেনশন নাই। এখনই তোমার সমস্যা সম্পর্কে বিস্তারিত [email protected] এই ইমেইলে পাঠিয়ে দাও। অথবা আমাদের অফিসিয়াল নাম্বারে কল করে জানাও। আমরা ঘুমিয়ে না থাকলে সঙ্গে সঙ্গেই রিপ্লাই দিবো। সর্বোচ্চ ২৪ ঘন্টার মধ্যে উত্তর না পেলে, এই ইমেইল ওয়ালার খবর আছে।
এই রিলেটেড একটা মডিউলও আছে। সেটা দেখে ফেললেই ইন্টারভিউ প্রোসেস, এপ্লিকেশন এবং চাকরি রিলেটেড অনেক অনেক জিনিস জানতে পারবে। এছাড়া তুমি ২ মাস যদি রেগুলার সিরিয়াসলি কোর্স নির্দিষ্ট সময়ের মধ্যে শেষ করো। তাহলে তোমাকে আরো এক মাস SCIC তে নিয়ে ইন্টারভিউ এর স্পেশাল ট্রেনিং দেয়া হবে। সো, তুমি যত বেশি চেষ্টা করবে আমরা তত বেশি সহযোগিতা করবো।
আমরা কোর্সের জন্য একটা সিক্রেট ফেইসবুক গ্রূপ তৈরি করেছি। যেখানে আমি থাকবো, আমাদের একজন প্রফেশনাল ওয়েব ডেভেলপার থাকবেন, সাপোর্ট করার জন্য আমাদের ডেভেলপার থাকবে। আমাদের টিম মেম্বাররা থাকবে। আমাদের সর্বাত্মক চেষ্টা থাকবে ২৪ ঘন্টার মধ্যে তোমার সব প্রশ্নের উত্তর দিতে। 😉
না। যদি কোন জায়গায় সেইম প্রশ্ন বারবার চলে আসে, তাহলে মাঝে মধ্যে সেই রিলেটেড ভিডিও যোগ করা হবে। দরকার হলে দুই একটা মডিউলও যোগ হয়ে যেতে পারে।
এই কোর্সে WordPress বা freelancing রিলেটেড সরাসরি কিছু নাই। কারণ, এই কোর্সের উদ্দেশ্য হচ্ছে সফটওয়্যার কোম্পানিতে ওয়েব ডেভেলপার বলতে যেটা বুঝানো হয় সেটা হতে চায় তাদের জন্য। এছাড়া এডভান্সড লেভেলে ওয়ার্ডপ্রেস কাস্টমাইজ করতে গেলে HTML, CSS, bootstrap, JavaScript, এমনকি React ও জানতে হয়। সেগুলা এই কোর্স থেকে শিখতে পারবে। তবে freelancing বা WordPress কে এই কোর্স হাইলাইট করা হয়নি।
কোন টেনশন নাই। তোমার যত প্রশ্ন আছে সেগুলা মনের মাধুরী মিশিয়ে [email protected] এ পাঠিয়ে দাও। আমরা যত দ্রুত সম্ভব রিপ্লাই দিয়ে দিবো।
| 1 Learn and Explore HTML as a Beginner | |||
| 1.1 Getting started with your first ever website | 00:09:00 | ||
| 1.2 HTML language, markup, tags structure, paragraph tag | 00:09:00 | ||
| 1.3 Bold, strong, how HTML tag works | 00:07:00 | ||
| 1.4 Heading tag, different types of headings | 00:06:00 | ||
| 1.5 HTML tag attribute, anchor, href, navigate | 00:10:00 | ||
| 1.6 Display image (online image, local image, folder image) | 00:12:00 | ||
| 1.7 List, Container tag, ordered list, unordered list | 00:08:00 | ||
| 1.8 Button, input, div, span, w3schools, every html tags | 00:08:00 | ||
| 1.9 HTML structure, head, body, title, meta tag | 00:06:00 | ||
| 1.10 HTML Module Summary, 4 types of HTML tags | 00:07:00 | ||
| HTML Final Quiz | 00:10:00 | ||
| 2 Learn and Explore CSS as a Beginner | |||
| 2.1 Introduction to CSS Module, getting started with CSS | 00:05:00 | ||
| 2.2 Style tag, embedded style, named color, hexcode, rgb | 00:12:00 | ||
| 2.3 Background-color, height, width, font, css measuring units | 00:12:00 | ||
| 2.4 CSS ID, apply styles to a specific HTML element | 00:08:00 | ||
| 2.5 CSS class, apply styles to multiple elements, ID vs Class | 00:10:00 | ||
| 2.6 Style a group of elements, style a small portion of text | 00:08:00 | ||
| 2.7 Border, border radius, margin, different ways to set margin | 00:10:00 | ||
| 2.8 Padding, different ways to set padding, CSS Box model | 00:08:00 | ||
| 2.9 Text align, float, display, inline, block, inline-block, external CSS | 00:11:00 | ||
| 2.10 CSS Module Summary | 00:06:00 | ||
| CSS Final Quiz | 00:05:00 | ||
| 3 Git, source control, GitHub and hosting | |||
| 3.1 What is GitHub? | 00:03:00 | ||
| 3.2 Install git, create GitHub repository | 00:08:00 | ||
| 3.3 Git init, git add, git commit, set origin | 00:09:00 | ||
| 3.4 Git push, git pull | 00:10:00 | ||
| 3.5 [advanced: feel free to skip] Git branch and this will confuse you | 00:11:00 | ||
| 3.6 [advanced: feel free to skip] GitHub hosting complicated things | 00:00:00 | ||
| 3.7 Common git related issues faced by new github users | 00:18:00 | ||
| 3.8 GitHub overall summary | 00:03:00 | ||
| Git Final Quiz | 00:10:00 | ||
| 4 Build a beautiful and professional portfolio website | |||
| 4.1 Module Introduction, overview of the site you will build | 00:03:00 | ||
| 4.2 Setup and resources needed to start your first ever project | 00:10:00 | ||
| 4.3 Create HTML, link CSS, set title, span tag style | 00:09:00 | ||
| 4.4 Simple image background remove, set fancy background | 00:11:00 | ||
| 4.5 Float, Create container, Put two div side by side, Image size | 00:08:00 | ||
| 4.6 Background Image, Background-repeat, neutralize default style | 00:06:00 | ||
| 4.7 Link Button, target blank, text-decoration, linear gradient | 00:08:00 | ||
| 4.8 Dream image, half-width, background remove | 00:09:00 | ||
| 4.9 Dream area, dream text and download resume link button | 00:07:00 | ||
| 4.10 Experience Area, text highlight, meaningful class name | 00:08:00 | ||
| 4.11 Box shadow, border image, gradient angle, footer | 00:12:00 | ||
| 4.12 Website hosting, live portfolio link, portfolio summary | 00:08:00 | ||
| 4.13 Common github hosting related issues | 00:08:00 | ||
| Portfolio Final Quiz | 00:10:00 | ||
| 4_5 [Bonus] CSS Extra hover, position, specificity, homework | |||
| 4_5.1 pseudoclass part hover all elements, hover special | 00:06:00 | ||
| 4_5.2 pseudoclass focus first child, last child, nth child, visited | 00:09:00 | ||
| 4_5.3 pseudo element before after | 00:10:00 | ||
| 4_5.4 css position static relative absolute fixed | 00:10:00 | ||
| 4_5.5 CSS specificity style order style priority | 00:08:00 | ||
| 4_5.6 css homework and learn by yourself | 00:04:00 | ||
| CSS Extra Final Quiz | 00:10:00 | ||
| 5 Personal website, build a brand new website | |||
| 5.1 Personal website, build a complete website by yourself | 00:07:00 | ||
| 6 Learn and Explore Bootstrap | |||
| 6.1 Module Introduction, Purpose of Bootstrap | 00:02:00 | ||
| 6.2 Getting started with Bootstrap | 00:10:00 | ||
| 6.3 Buttons, text color, background corlor, color pallate | 00:11:00 | ||
| 6.4 Image, Responsive image, width style, image thumbnail | 00:09:00 | ||
| 6.5 Website card, card design, card image, card deck | 00:09:00 | ||
| 6.6 Nav tag, Navigation, nav bar, use ul-li for navigation | 00:10:00 | ||
| 6.7 Website Layout, Responsive website | 00:07:00 | ||
| 6.8 Grid layout, row, column, 12 column layout | 00:11:00 | ||
| 6.9 Responsive Grid, responsive break point | 00:09:00 | ||
| 6.10 Top banner animation, Image slide, Carousel | 00:07:00 | ||
| 6.11 Flex Layout, Element align, vertical and horizontal center | 00:12:00 | ||
| 6.12 Bootstrap Overview, Module Summary | 00:06:00 | ||
| 7 Develop an e-commerce website using Bootstrap | |||
| 7.1 Website overview and different section that you will build | 00:02:00 | ||
| 7.2 Project setup, github repository, project resources | 00:09:00 | ||
| 7.3 Container, navbar, navbar item, links | 00:08:00 | ||
| 7.4 Simple top banner carousel, set image for carousel | 00:05:00 | ||
| 7.5 Advanced carousel with row and column divide | 00:08:00 | ||
| 7.6 Vertical center in carousel item, button style | 00:12:00 | ||
| 7.7 Categories, column gap, category in each row | 00:19:00 | ||
| 7.8 Shoe Category, card-deck, card box shadow | 00:11:00 | ||
| 7.9 Backpack Category, card footer, align button | 00:09:00 | ||
| 7.10 Subscribe Section, Horizontal and vertical center | 00:11:00 | ||
| 7.11 Footer, small tag, text center align | 00:04:00 | ||
| 7.12 Project summary, Code Recap | 00:09:00 | ||
| 8 Hot Gadgets, e-commerce website by yourself | |||
| 8.1 Hot Gadgets, e-commerce website by yourself | 00:08:00 | ||
| 8_5 Revision day | |||
| 8_5.1 Revision day || Learn how to learn yourself without us | 00:10:00 | ||
| 9 Getting started with Javascript | |||
| 9.1 Module overview, need for Javascript | 00:04:00 | ||
| 9.2 Run Javascript in browser, run Javascript in VS Code | 00:15:00 | ||
| 9.3 What is variable, declare a variable, see output | 00:06:00 | ||
| 9.4 Variable type, Numeric, String, Boolean | 00:10:00 | ||
| 9.5 Make conditional decision, if-else, comparison | 00:11:00 | ||
| 9.6 Multiple conditions, fulfill both conditions, else if | 00:10:00 | ||
| 9.7 Array, index, set by index, indexOf | 00:12:00 | ||
| 9.8 Array advanced, Push, pop, array length | 00:06:00 | ||
| 9.9 While loop, debug javascript code, less or equal | 00:10:00 | ||
| 9.10 For loop loop, run a loop for each element of an array | 00:13:00 | ||
| 9.11 Function, call function | 00:06:00 | ||
| 9.12 Function Parameter, multiple parameter, function return | 00:11:00 | ||
| 9.13 Comment, multiple lines comment | 00:04:00 | ||
| 9.14 Object, key value pair, get object property, set value | 00:12:00 | ||
| 9.15 Basic Javascript overview, Module Summary | 00:04:00 | ||
| 10 Javascript coding problems, Simple Interview Question | |||
| 10.1 Module Introduction, problem setup | 00:03:00 | ||
| 10.2 Swap variable, swap without temp, destructing | 00:11:00 | ||
| 10.3 Random number, random number between 1 to 6 | 00:11:00 | ||
| 10.4 Find max of two values, find max of three values | 00:09:00 | ||
| 10.5 Find the largest element of an array | 00:08:00 | ||
| 10.6 Sum of all numbers in an array | 00:09:00 | ||
| 10.7 Remove duplicate item from an array | 00:09:00 | ||
| 10.8 Count the number of words in a string | 00:10:00 | ||
| 10.9 Reverse a string | 00:07:00 | ||
| 10.10 Module summary | 00:05:00 | ||
| 11 Serious Web Developer Productivity, Efficiency, Tips & Tricks | |||
| 11.1 typing practice, typing lesson, typing test | 00:03:00 | ||
| 11.2 developer question answer, Stack Overflow, weekly newsletter | 00:08:00 | ||
| 11.3 Emmet, magic to write large amount HTML and CSS | 00:09:00 | ||
| 11.4 Live server, automatic reload of the website after save | 00:06:00 | ||
| 11.5 VSCode extension, JavaScript code snippet, ES linter | 00:05:00 | ||
| 11.6 Visual Studio Code shortcut key, settings change | 00:07:00 | ||
| 11.7 VS code multi cursor and multi line edit magic | 00:10:00 | ||
| 11.8 Module Summary, keep updated about skills | 00:03:00 | ||
| 12 Pioneer Bank, develop a simple bank website | |||
| 12.1 Project overview, Transaction and balance update | 00:02:00 | ||
| 12.2 Project Setup, github integration, bootstrap text align | 00:09:00 | ||
| 12.3 Login window, input field, password text field, form control | 00:09:00 | ||
| 12.4 Get HTML elements by tag, class or Id, Add Event Listener | 00:13:00 | ||
| 12.5 CSS styles in Javascript, Dynamically hide an element | 00:08:00 | ||
| 12.6 Dynamically display a hidden element using Javascript | 00:06:00 | ||
| 12.7 Deposit, Withdraw, Balance area, add column margin | 00:10:00 | ||
| 12.8 Submit transaction, placeholder help text for input | 00:07:00 | ||
| 12.9 Deposit button event handler, capture deposit amount | 00:07:00 | ||
| 12.10 Get innerText using Javascript, update text dynamically | 00:08:00 | ||
| 12.11 Update two fields at the same time, create function | 00:11:00 | ||
| 12.12 Money withdraw event handler, cleaner code with function | 00:11:00 | ||
| 12.13 Update withdraw amount, Reduce balance for withdraw | 00:05:00 | ||
| 12.14 Module summary and overall project overview | 00:08:00 | ||
| 12_5 Function and Event bubble Extra Explanation | |||
| 12_5.1 When to use a function | 00:19:00 | ||
| 12_5.2 When to return from a function and from where | 00:13:00 | ||
| 12_5.3 Callback function and pass different function | 00:12:00 | ||
| 12_5.4 arguments and deal with unknown number of arguments | 00:09:00 | ||
| 12_5.5 How to organize code inside a function | 00:09:00 | ||
| 12_5.6 Event bubble with example | 00:13:00 | ||
| 12_5.7 Stop propagating event bubble | 00:04:00 | ||
| 12_5.8 Event delegate and purpose of Event bubble | 00:21:00 | ||
| 12_5.9 DOM, purpose of DOM and BOM | 00:09:00 | ||
| 13 Shopping Cart, Develop an interactive shopping Cart | |||
| 13.1 Shopping Cart, Develop an interactive shopping Cart | 00:08:00 | ||
| 13.2 [optional] How to start a simple Javascript project | 00:14:00 | ||
| 13_5 Revision day | |||
| 13_5.1 Revision Day and check Create react app command | 00:15:00 | ||
| 14 Modern JavaScript, ES6, S2015, ECMASCRIPT 2015 | |||
| 14.1 Module overview, ES6, github integration setup | 00:06:00 | ||
| 14.2 Let, const, array declared with const, object declared with const | 00:11:00 | ||
| 14.3 Function default parameter for not provided values | 00:05:00 | ||
| 14.4 Template String, multiple line string | 00:08:00 | ||
| 14.5 Arrow function, multiple parameter, function body | 00:10:00 | ||
| 14.6 Spread operator, concatenate multiple arrays, array max | 00:10:00 | ||
| 14.7 Class, constructor, create object from class | 00:10:00 | ||
| 14.8 Inheritance, extends class, super, class method | 00:09:00 | ||
| 14.9 ES6 Module summary | 00:05:00 | ||
| 15 Advanced JavaScript, Javascript Interview Questions | |||
| 15.1 Module Overview, git integration setup | 00:04:00 | ||
| 15.2 Truthy and Falsy values | 00:11:00 | ||
| 15.3 Null Vs Undefined, different ways you will get undefined | 00:10:00 | ||
| 15.4 == vs ===, implicit conversion | 00:08:00 | ||
| 15.5 map, filter, find, smart way to run for loop | 00:15:00 | ||
| 15.6 Apply map, filter, find on an array of objects | 00:07:00 | ||
| 15.7 Arguments, array like objects, log all array elements | 00:07:00 | ||
| 15.8 Scope, block scope, access outer scope variable | 00:13:00 | ||
| 15.9 Closure, encapsulation, private variable | 00:09:00 | ||
| 15.10 Array slice, splice, array join elements | 00:09:00 | ||
| 15.11 Module Summary and overview | 00:08:00 | ||
| Advanced JavaScript Final quiz | 00:10:00 | ||
| 16 API JSON, Server, Data load, dynamic website, http | |||
| 16.1 Module overview, what you will learn from this module | 00:02:00 | ||
| 16.2 How internet works, DNS server, hosting server, database | 00:07:00 | ||
| 16.3 What is an API, the purpose of API, GET, POST | 00:06:00 | ||
| 16.4 JSON, JSON Structure, parse, stringify, JSON properties | 00:10:00 | ||
| 16.5 Load Data, JSON placeholder, GET data, display data on UI | 00:13:00 | ||
| 16.6 HTTP request, Status code, network tab, bad API | 00:11:00 | ||
| 16.7 Send data to the server, HTTP POST Method, GET Vs POST | 00:04:00 | ||
| 16.8 Send data to server, HTTP Post, JSON Stringify | 00:11:00 | ||
| 16.9 JQuery ajax, JQuery get, JQuery post | 00:04:00 | ||
| 16.10 Module Summary, API, Server Overview | 00:03:00 | ||
| 17 How Browser Works, browser api and methods | |||
| 17.1 Module Overview, ContentEditable, live edit | 00:03:00 | ||
| 17.2 How Browser works, DOM tree, Render Tree | 00:08:00 | ||
| 17.3 Website alert, confirmation, prompt to collect data | 00:07:00 | ||
| 17.4 URL, URL parts, query string, hash, subdomain | 00:07:00 | ||
| 17.5 document location, access href, hash, assign | 00:05:00 | ||
| 17.6 history api, back, forward, go, history length | 00:05:00 | ||
| 17.7 cookies, dev tool application tab, cookies at server | 00:07:00 | ||
| 17.8 local storage, session storage, edit storage information | 00:09:00 | ||
| 17.9 Browser clear cache, chrome extension, web store, restart | 00:07:00 | ||
| 17.10 Browser Overview, Module Summary | 00:03:00 | ||
| 18 Modern web developer workflow, command line tools | |||
| 18.1 Module workflow, command line tools | 00:02:00 | ||
| 19 JavaScript debug, web debug, dev tool mastering | |||
| 19.1 Module overview, salary app overview, git clone issues | 00:05:00 | ||
| 19.2 dev tool element tab, edit HTML, get style, device tab | 00:13:00 | ||
| 19.3 edit CSS style live, hover class, CSS box model, event handler | 00:14:00 | ||
| 19.4 sources tab, break point, call stack, console table | 00:14:00 | ||
| 19.5 console tab, preserve log, error log, console api | 00:08:00 | ||
| 19.6 network tab, request method, header, response type | 00:05:00 | ||
| 19.7 Performance tab, memory tab, Audit, application tab | 00:05:00 | ||
| 19.8 Module Summary, Deb tool debug Overview | 00:04:00 | ||
| 19_5 bind, call, appy, window, this, async-await, date | |||
| 19_5.1 multiple ways to set DOM event handler | 00:10:00 | ||
| 19_5.2 object method property review | 00:09:00 | ||
| 19_5.3 object use bind to borrow method from another object | 00:12:00 | ||
| 19_5.4 difference between bind, call and apply | 00:12:00 | ||
| 19_5.5 window, global variable, global scope | 00:17:00 | ||
| 19_5.6 new keyword, class and object difference | 00:09:00 | ||
| 19_5.7 how to understand the this keyword | 00:14:00 | ||
| 19_5.8 async await how to use it for async call | 00:16:00 | ||
| 19_5.9 JavaScript Datetime timezone and others | 00:07:00 | ||
| 20 dev tool and bug fixing practice | |||
| 20.1 Debugging dev tool and bug fixing practice | 00:13:00 | ||
| 20.2 [optional] how to start fixing bug on a website | 00:11:00 | ||
| 20_5 Revision day | |||
| 20_5.1 Revision day after finishing milestone 4 | 00:05:00 | ||
| 21 Modern Front-end application core concepts | |||
| 21.1 Module overview and modern application core parts | 00:02:00 | ||
| 21.2 Web component, 4 types of component, identify component | 00:07:00 | ||
| 21.3 Template, dynamically create HTML elements based on data | 00:16:00 | ||
| 21.4 Single Page Application (SPA), Performance benefit | 00:07:00 | ||
| 21.5 Routing, Route parameter, Routing in Angular | 00:06:00 | ||
| 21.6 Website state, state management, purpose of state | 00:06:00 | ||
| 21.7 Charting framework, d3js, nvd3, chartjs | 00:08:00 | ||
| 21.8 Simple Angular Application, angular cli, routing | 00:15:00 | ||
| 21.9 Module Summary | 00:04:00 | ||
| 22 React Fundamental, JSX, Component, props, state, lifecycle | |||
| 22.1 React Core concept module overview | 00:05:00 | ||
| 22.2 Install React App use create react app | 00:10:00 | ||
| 22.3 Create react app folder structure and favicon | 00:12:00 | ||
| 22.4 JSX, Dynamic content, Dynamic Style in React | 00:15:00 | ||
| 22.5 Component, 4 ways to identify a component | 00:05:00 | ||
| 22.6 Create Component, return multiple HTML from a component | 00:10:00 | ||
| 22.7 Pass dynamic data to components, props in react | 00:16:00 | ||
| 22.8 Pass object to components and access object | 00:15:00 | ||
| 22.9 Create multiple components from an array of objects | 00:13:00 | ||
| 22.10 Introduction to Component state | 00:08:00 | ||
| 22.11 Component state hook and set state method | 00:10:00 | ||
| 22.12 Set and update state and set event handler in React | 00:12:00 | ||
| 22.13 Module Summary React Core Concepts | 00:04:00 | ||
| 23 Simple React SPA with Multiple Components | |||
| 23.1 React Core concept module overview | 00:05:00 | ||
| 23.2 Install react set favicon and get resources | 00:10:00 | ||
| 23.3 Editor setup, default project setup clean | 00:08:00 | ||
| 23.4 Create a component, folder structure, website logo | 00:12:00 | ||
| 23.5 Setting up logo position, navigation, nav menu | 00:07:00 | ||
| 23.6 Create Shop Component, load data and set state | 00:12:00 | ||
| 23.7 Component layout, use flexbox, setup area container | 00:06:00 | ||
| 23.8 Product Component, send dynamic data by props | 00:11:00 | ||
| 23.9 Display more information in the Product Component | 00:12:00 | ||
| 23.10 Install third party library, font awesome, react-fontawesome | 00:11:00 | ||
| 23.11 Pass eventhandler to child component and handle event | 00:12:00 | ||
| 23.12 Cart state setup and update cart state on add to cart button click | 00:06:00 | ||
| 23.13 Total Product price, shipping cost, Tax and total price | 00:19:00 | ||
| 23.14 Simple React SPA module summary | 00:03:00 | ||
| 24 Simple React Homework | |||
| 24.1 Build your react app and host your react in Netlify | 00:18:00 | ||
| 24.2 React SPA assignment to create a users pages | 00:08:00 | ||
| 24.3 [optional] how to create fake data in Javascript | 00:06:00 | ||
| 24_5 Revision day | |||
| 24_5.1 Beginner React Milestone revision day | 00:08:00 | ||
| 25 React Routing, Devtool, State share, Refactoring, conditional format | |||
| 25.1 Module overview Routing Devtool and share state | 00:09:00 | ||
| 25.2 React Router, Install React Router Dom | 00:08:00 | ||
| 25.3 Setup Router, Router path, exact path not found path | 00:12:00 | ||
| 25.4 Dynamic path, set route path parameter | 00:11:00 | ||
| 25.5 Load data based on route parameter, conditional formatting | 00:14:00 | ||
| 25.6 Different ways to handle state, Make button navigate to a route | 00:09:00 | ||
| 25.7 Save state on Localstore, store key and count, virtual DOM | 00:12:00 | ||
| 25.8 Retrieve data from local storage, set cart from saved state | 00:14:00 | ||
| 25.9 Review Component, Review Items, CSS in Javascript style | 00:10:00 | ||
| 25.10 Remove from cart, pass parameter on click, remove from state | 00:08:00 | ||
| 25.11 Share components among multiple routes, share data on cart | 00:07:00 | ||
| 25.12 React Developer Tool, Chrome extension, Refactor add to Cart | 00:16:00 | ||
| 25.13 Sync state in multiple route, calculate total price in review page | 00:10:00 | ||
| 25.14 Please Order, Clear state, show conditional image | 00:14:00 | ||
| 25.15 Module summary of React Router and state management | 00:05:00 | ||
| 26 Simple React authentication using Firebase authentication | |||
| 26.1 Module Introduction, authentication vs Authorization | 00:07:00 | ||
| 26.2 Create firebase project, Google Analytics Overview | 00:10:00 | ||
| 26.3 sign in method setup and email verification template | 00:10:00 | ||
| 26.4 Create simple authentication project, firebase config | 00:12:00 | ||
| 26.5 Install firebase, initialize firebase app | 00:09:00 | ||
| 26.6 Sign in with google, open google login popup | 00:09:00 | ||
| 26.7 Set logged in user in state, display logged in user info | 00:11:00 | ||
| 26.8 Not google user login, signout user | 00:11:00 | ||
| 26.9 Custom Login form, onChange, onBlur event, change one value | 00:15:00 | ||
| 26.10 Regular Expression, user input validation | 00:18:00 | ||
| 26.11 Debug handle coding error, improved console log | 00:09:00 | ||
| 26.12 Create user with Email and Password and set User | 00:13:00 | ||
| 26.13 Sign in user and password, Handle login error, toggle form | 00:14:00 | ||
| 26.14 Simple authentication module summary | 00:07:00 | ||
| 27 React FAQ | |||
| 27.1 3 ways to identify child component | 00:08:00 | ||
| 27.2 use state why it looks like this | 00:14:00 | ||
| 27.3 all you need to know about useEffect | 00:14:00 | ||
| 27.4 ES6 import and export overview | 00:08:00 | ||
| 27.5 use Bootstrap in your react application | 00:10:00 | ||
| 27.6 route dynamic parameters and useParams | 00:07:00 | ||
| 27.7 class Component and difference with hook | 00:11:00 | ||
| 28 Integrate auth, custom hook, guard Shipment route | |||
| 28.1 Module Introduction integrate auth and shipment | 00:03:00 | ||
| 28.2 Login route, firebase config, git ignore config | 00:12:00 | ||
| 28.3 Initialize firebase, setup login system, Nested function | 00:11:00 | ||
| 28.4 Format logged in user data, return object from function | 00:11:00 | ||
| 28.5 Sharing state in multiple levels of Component | 00:09:00 | ||
| 28.6 Create a simple Context API and user context provider | 00:12:00 | ||
| 28.7 Overview of UseEffect, UseRef, create a Custom hook | 00:19:00 | ||
| 28.8 Create your own Auth hook, hook with context api | 00:19:00 | ||
| 28.9 Show login status on the header, shipment component | 00:11:00 | ||
| 28.10 Private Route, route only for logged in user, destructuring | 00:13:00 | ||
| 28.11 Redirect user after login, multi layer promise error | 00:12:00 | ||
| 28.12 access signout using custom hook and signout redirect | 00:10:00 | ||
| 28.13 React hook form, default react hook form | 00:08:00 | ||
| 28.14 dynamic ship form and form validation, form validation error | 00:16:00 | ||
| 28.15 Module summary of auth integration and shipment form | 00:08:00 | ||
| 29 Firebase hosting and Red Onion Assignment | |||
| 29.1 Module 28 recap again | 00:20:00 | ||
| 29.2 Publish React application in Firebase | 00:20:00 | ||
| 29.3 Red Onion Assignment (React Router and firebase auth) | 00:20:00 | ||
| 29.4 [optional] how to start react type application as assignment | 00:14:00 | ||
| 30 Write two blog about React [revision day] | |||
| 30.1 Publish two blog on react, firebase | 00:12:00 | ||
| 30_5 React Dashboard Practice Problem (Rechart and Material UI) | |||
| 30_5.1 Use reachart to draw any type of chart using React | 00:11:00 | ||
| 30_5.2 Use Material UI Components to develop React App | 00:15:00 | ||
| 30_5.3 React Dashboard Practice Problem Requirements and Guideline | 00:12:00 | ||
| 31 Node, Express, get api, post api, postman | |||
| 31.1 Module overview Introduction to Node | 00:03:00 | ||
| 31.2 Install express, start a server, your first api | 00:16:00 | ||
| 31.3 install nodemon, api return object, create multiple api | 00:06:00 | ||
| 31.4 dynamic api, api parameter, access params, access query | 00:08:00 | ||
| 31.5 use fetch to load data from server, middleware, handle cors | 00:11:00 | ||
| 31.6 create POST api, install postman, read post data, use body parser | 00:10:00 | ||
| 31.7 post data from website and read post api response | 00:14:00 | ||
| 31.8 Node express module summary | 00:05:00 | ||
| 32 Mongodb, cloud database integration, environment variable | |||
| 32.1 mongodb and mongo atlas module overview | 00:07:00 | ||
| 32.2 install mongodb, create mongodb atlas account | 00:10:00 | ||
| 32.3 connect to cloud database, insert data to cloud | 00:15:00 | ||
| 32.4 post website data to cloud database through backend | 00:12:00 | ||
| 32.5 Shadow variable, handle data post error, display post success | 00:14:00 | ||
| 32.6 db connection, load database data, dynamic data entry | 00:20:00 | ||
| 32.7 load partial data using limit, filter data | 00:05:00 | ||
| 32.8 hide sensitive information, environment variable, git ignore | 00:14:00 | ||
| 32.9 Module summary mongodb and cloud database | 00:03:00 | ||
| 33 E-commerce site Node and Mongodb integration | |||
| 33.1 Module overview Node Mongodb integration | 00:07:00 | ||
| 33.2 Update inventory route and get data to be inserted | 00:10:00 | ||
| 33.3 Insert one or more from react to cloud database | 00:13:00 | ||
| 33.4 Load data from the database and render on React Component | 00:08:00 | ||
| 33.5 Show cart data from database data | 00:10:00 | ||
| 33.6 Load single product from database to React Component | 00:12:00 | ||
| 33.7 Load multiple products from database using multiple keys | 00:15:00 | ||
| 33.8 Persist cart data among multiple session using local storage | 00:07:00 | ||
| 33.9 React place order post method client side | 00:09:00 | ||
| 33.10 Place order database saved and store order confirmation | 00:10:00 | ||
| 33.11 Module summary node mongo integration with React | 00:09:00 | ||
| 34 Integrate Stripe Payment gateway (SSLCommerz) | |||
| 34.1 Module introduction of Payment Integration | 00:02:00 | ||
| 34.2 Save shipment information | 00:06:00 | ||
| 34.3 Payment gateway overview | 00:08:00 | ||
| 34.4 Stripe documentation overview and Stripe account | 00:08:00 | ||
| 34.5 Instal stripe js and react stripe js | 00:07:00 | ||
| 34.6 Create checkout form and payment slot | 00:11:00 | ||
| 34.7 Integrate payment and credit card processing with stripe | 00:09:00 | ||
| 34.8 Payment success and failure message | 00:09:00 | ||
| 34.9 Show payment after shipment | 00:12:00 | ||
| 34.10 Store order with payment information and display success | 00:23:00 | ||
| 34.11 Bangladeshi Payment gateway SSLCommerz | 00:12:00 | ||
| 34.12 Module Summary Payment Gateway setup | 00:01:00 | ||
| 35 Deploy Node Mongodb to Heroku and Assignment | |||
| 35.1 introduction to Heroku | 00:07:00 | ||
| 35.2 Heroku setup and deploy to heroku server | 00:11:00 | ||
| 35.3 connect local react project with heroku hosted database | 00:09:00 | ||
| 35.4 deploy actual site to firebase with node mongodb connection | 00:06:00 | ||
| 35.5 Update Heroku deployed project after initial deploy | 00:13:00 | ||
| 35.6 assignment red onion with server and database | 00:06:00 | ||
| 36 Doctors Portal | |||
| 36.1 Develop a Doctors Portal with React and Material UI | 00:16:00 | ||
| 37 CSS Preprocessor, switch, context API | |||
| 37.1 css Preprocessor variable | 00:09:00 | ||
| 37.2 css preprocessor mixin and variable advance | 00:05:00 | ||
| 37.3 use css preprocessor with react | 00:12:00 | ||
| 37.4 css only games dinner game frog game | 00:05:00 | ||
| 37.5 javascript switch case break and default | 00:10:00 | ||
| 38 Context Api, Use Reducer, Redux concepts | |||
| 38.1 Module overview about state management | 00:04:00 | ||
| 38.2 share state with sibling component | 00:06:00 | ||
| 38.3 share data to grandchildren | 00:09:00 | ||
| 38.4 context api set dynamic data | 00:09:00 | ||
| 38.5 update context API from any child Component | 00:10:00 | ||
| 38.6 filter data based on dynamic context change | 00:18:00 | ||
| 38.7 Redux Core concepts Store Action dispatch reducer | 00:15:00 | ||
| 38.8 a simple introduction of useReducer hook | 00:09:00 | ||
| 38.9 use useReducer for a simple case | 00:13:00 | ||
| 38.10 useReducer with collection | 00:12:00 | ||
| 38.11 useReducer with action and payload | 00:18:00 | ||
| 38.12 Module Summary UseContext Use Reducer | 00:02:00 | ||
| 39 Getting started with Redux | |||
| 39.1 Module introduction about Redux | 00:06:00 | ||
| 39.2 install redux and react redux in a react app | 00:08:00 | ||
| 39.3 setup a simple application to use redux | 00:11:00 | ||
| 39.4 set actions and dispatch for redux cart | 00:08:00 | ||
| 39.5 create Cart Reducers handle actions | 00:13:00 | ||
| 39.6 create store use react redux provider | 00:10:00 | ||
| 39.7 connect component with redux state and actions | 00:13:00 | ||
| 39.8 use redux state and redux actions from a child component | 00:10:00 | ||
| 39.9 use redux to read dynamic state | 00:12:00 | ||
| 39.10 bug fix with redux reducer and action dispatch | 00:14:00 | ||
| 39.11 Redux summary, Saga, Redux Dev Tool Chrome extension | 00:13:00 | ||
| 40 [Bonus] Requested Video and Some Overview | |||
| 40.1 module overview bonus content | 00:03:00 | ||
| 40.2 How a software team works scrum, sprint, slack | 00:13:00 | ||
| 40.3 Airbnb JS style guide ESLint Best practices | 00:12:00 | ||
| 40.4 Javascript Past and Present JQuery, Underscore, TypeScript | 00:11:00 | ||
| 40.5 how event handler works in JS vs React | 00:13:00 | ||
| 40.6 react router nested routes | 00:10:00 | ||
| 40.7 how to find right library for pdf, email, print, QR scanner | 00:14:00 | ||
| 40.8 update user displayname on firebase authentication | 00:08:00 | ||
| 40.9 website security vulnerability JWT token | 00:12:00 | ||
| 40.10 website performance improvement, lighthouse tool, profile | 00:09:00 | ||
| 40.11 Unit test in React and Module Summary | 00:06:00 | ||
| 41 Interview tips and tricks, Resume, LinkedIn, Networking | |||
| 41.1 How do you know you are ready to look for job or intern | 00:05:00 | ||
| 41.2 Five things you need to get ready for job or intern | 00:12:00 | ||
| 41.3 How to write a proper Resume to set an interview | 00:10:00 | ||
| 41.4 How utilize the power of facebook groups | 00:08:00 | ||
| 41.5 Different ways to find jobs and apply | 00:10:00 | ||
| 41.6 type of coding interview and find question pattern | 00:10:00 | ||
| 41.7 How to prepare for an interview | 00:11:00 | ||
| 41.8 how perform well during an interview | 00:11:00 | ||
| 41.9 HR and soft skill related questions | 00:12:00 | ||
| 41.10 How deal with interview rejection | 00:08:00 | ||
| 41.11 Module summary How to get hired as a web developer | 00:05:00 | ||
| 42 Two Tasks, Three Challenges, Certificate and Final Remarks | |||
| 42.1 Module overview of the last module | 00:01:00 | ||
| 42.2 Your journey from Junior web developer to senior developer | 00:08:00 | ||
| 42.3 what you will need to do to become a full stack developer | 00:10:00 | ||
| 42.4 Three techniques to update your english knowledge | 00:05:00 | ||
| 42.5 Web development course Certificate | 00:04:00 | ||
| 42.6 Task 1 Revise and increase your Javascript knowledge | 00:06:00 | ||
| 42.7 Task 2 Redo the projects and practice problems | 00:04:00 | ||
| 42.8 Challenge 1 power x gym project | 00:10:00 | ||
| 42.9 challenge 2 air cnc with google map api | 00:07:00 | ||
| 42.10 challenge 3 whatsapp message chatting app | 00:07:00 | ||
| 42.11 Module summary with Special message and remarks | 00:06:00 | ||
| 43 [Secret Small Group] Super Charged Intervieee wClub(SCIC) | |||
| 43.1 overview | FREE | 00:01:00 | |
ঝংকার মাহবুব এক দশক ধরে প্রোগ্রামিং ও ওয়েব ডেভেলপমেন্টের সাথে জড়িত। বুয়েটের পড়ালেখা শেষ করার পর কম্পিউটার সায়েন্সে মাস্টার্স করেন আমেরিকার নর্থ ডেকোটা স্টেট ইউনিভার্সিটি। তারপর সিনিয়র ওয়েব ডেভেলপার হিসেবে দীর্ঘদিন ধরে কাজ করেছেন যুক্তরাষ্ট্রের নিলসেন কোম্পানিতে। বর্তমানে স্ত্রী কারিনা ইসলামসহ বসবাস করছেন যুক্তরাষ্ট্রের ক্যালিফোর্নিয়ার অঙ্গরাজ্যের সিলিকনভ্যালি এরিয়াতে।
প্রোগ্রামিংকে সহজ, মজার ও গল্পের ছলে উপস্থাপন করা নিয়ে জনপ্রিয় তিনটা বই লিখে ফেলেছেন তিনি। বইগুলো হচ্ছে: হাবলুদের জন্য প্রোগ্রামিং, প্রোগ্রামিংয়ের বলদ টু বস, আর প্রোগ্রামিংয়ের চৌদ্দগোষ্ঠী। এছাড়াও দিক-নির্দেশনামূলক বই লিখেছেন: রিচার্জ your ডাউন ব্যাটারি ও প্যারাময় লাইফের প্যারাসিটামল। আর অবসর সময়ে, Jhankar Mahbub নামক ইউটিউব চ্যানেলে প্রোগ্রামিং ও স্টুডেন্টদেরজন্য দিক-নির্দেশনামূলক ভিডিও বানান।
Rating
152/1 Mohakhali WirelessGate, Dhaka 1212 | Official: [email protected] | Support : 01796552709 (Available : 09:00am to 07:00pm)
