Welcome to this intensive, beginner-to-advanced web development bootcamp! This course is designed to give you hands-on skills in HTML, CSS, JavaScript, frameworks, and backend development.

• Task 1: Learn HTML Basics 📄 Study HTML structure, elements, and attributes with MDN's HTML Guide or W3Schools.

  🕒 Due in: 3 days

• Task 2: Build a Simple Personal Webpage 🛠️ Create a basic webpage with your bio, skills, and contact info.

  🕒 Due in: 9 days

• Task 1: Learn CSS Basics 🔍 Understand CSS selectors, properties, and the box model with MDN's CSS Guide or CSS Basics on W3Schools.

  🕒 Due in: 10 days

• Task 2: Style Your Personal Webpage with CSS 🎨 Add styles to your webpage to make it look amazing!

  🕒 Due in: 16 days

• Task 1: Learn Responsive Design Techniques 📏 Study media queries, Flexbox, and CSS Grid. Great resources include A Complete Guide to Flexbox and CSS Grid Layout Guide.

  🕒 Due in: 17 days

• Task 2: Create a Responsive Layout 📱 Build a multi-section webpage that adapts to different screen sizes.

  🕒 Due in: 23 days

• Task 1: Learn JavaScript Basics 📖 Get familiar with variables, data types, functions, and control structures with JavaScript on MDN.

  🕒 Due in: 24 days

• Task 2: Add Interactivity with JavaScript 🎉 Add basic interactivity like buttons and forms to your webpage.

  🕒 Due in: 30 days

• Task 1: Learn DOM Manipulation 🔎 Access and modify HTML elements using JavaScript. Start with JavaScript DOM on W3Schools.

  🕒 Due in: 31 days

• Task 2: Build a To-Do List App ✔️ Create an app to add, remove, and mark tasks as complete.

  🕒 Due in: 37 days

• Task 1: Learn Git Basics 📌 Learn Git commands, branching, and merging. Start with Git Basics on GitHub Docs.

  🕒 Due in: 38 days

• Task 2: Set up a GitHub Repository 🛠️ Create a GitHub account and set up a repository.

  🕒 Due in: 44 days

• Task 1: Learn CSS Animations 🕹️ Study keyframes, transitions, and animations with CSS Animations on MDN.

  🕒 Due in: 45 days

• Task 2: Create a CSS Animation Project ✨ Build a landing page with animated elements to showcase your CSS skills.

  🕒 Due in: 51 days

• Task 1: Learn JavaScript ES6+ 📜 Explore features like arrow functions, destructuring, and modules. Learn more on JavaScript ES6 on MDN.

  🕒 Due in: 52 days

• Task 2: Refactor Your To-Do List App with ES6 🔄 Update your app with ES6 syntax for cleaner code.

  🕒 Due in: 58 days

• Task 1: Learn React or Vue 🧩 Study components, state, and hooks in React or Vue.

  🕒 Due in: 59 days

• Task 2: Build a Simple App 🛠️ Use React or Vue to create a small application to practice.

  🕒 Due in: 65 days

• Task 1: Learn API Basics 🌐 Understand RESTful APIs and making HTTP requests. Start with APIs on MDN.

  🕒 Due in: 66 days

• Task 2: Create a Weather App 🌦️ Use a public weather API to display data in a weather app.

  🕒 Due in: 72 days

• Task 1: Learn Sass Basics 🎨 Study Sass with variables, nesting, and mixins. Check Sass Basics.

  🕒 Due in: 73 days

• Task 2: Refactor Your CSS with Sass 📋 Update your CSS for better organization with Sass.

  🕒 Due in: 79 days

• Task 1: Learn Webpack Basics 🔧 Set up and configure Webpack for asset management with Webpack Docs.

  🕒 Due in: 80 days

• Task 2: Set Up a Project with Webpack 🏗️ Create a project with Webpack to manage dependencies.

  🕒 Due in: 86 days

• Task 1: Learn Node.js Basics 🖥️ Study Node.js, including modules and npm, with Node.js Docs.

  🕒 Due in: 87 days

• Task 2: Build a REST API with Node.js 🔌 Create a basic REST API using Node.js and Express.

  🕒 Due in: 93 days

• Task 1: Learn MongoDB Basics 🗄️ Understand MongoDB collections and documents with MongoDB Documentation.

  🕒 Due in: 94 days

• Task 2: Connect Node.js API to MongoDB 🔗 Integrate MongoDB for storing and retrieving data.

  🕒 Due in: 100 days

• Task: Build a Full-Stack Application 🛠️ Combine your front-end and backend skills into a final project.

  🕒 Due in: 101 days

Update your progress by marking tasks as completed:

• Week 1: HTML Basics
• Week 2: CSS Basics
• Week 3: Responsive Design
• Week 4: JavaScript Basics
• Week 5: DOM Manipulation
• Week 6: Git & GitHub
• Week 7: CSS Animations
• Week 8: JavaScript ES6+
• Week 9: Frameworks (React/Vue)
• Week 10: REST APIs
• Week 11: Sass
• Week 12: Webpack
• Week 13: Node.js
• Week 14: MongoDB
• Week 15: Final Project

🌟 Ready to start your web development journey? Follow the plan, complete tasks, and watch your skills grow each week! Happy Coding! 🎉

ওয়েব ডেভেলপমেন্ট সেক্টরে তুমি চ্যালেঞ্জ নিতে চাইলে নিম্নের বিষয় গুলি ফলো করো।

১. তোমাকে অবশ্যই গিটহাবে একটা নতুন রিপোজিটরী ক্রিয়েট করতে হবে।রিপোসিটোরির নামের শেষে -99DaysWithCPC থাকতে হবে। প্রতিদিন তুমি যা যা শিখবা সেগুলা কে কমিট করে রাখতে হবে। অবশ্যই ২/১ লাইন কোড লিখে কমিট করে রাখলে সেটা গ্রহণ যোগ্য হবে না। মিনিমাম 1 ঘণ্টা শিখার মতো বা তৈরি করার মতো কিছু একটা করে কমিট করে রাখতে হবে। অন্যথায় আমরা যখন তোমার রিপোজিটরি চেক করবো ধরা খেয়ে যাবা। ( তোমরা যদি গিট গিটহাব সম্পর্কে না জানো আজকেই ইউটিউবে একটা টিউটোরিয়াল দেখে শিখে নাও )

২. প্রতি ১০ দিনে যা শিখেছো তার উপর ভিত্তি করে প্রতি ১০ দিন অন্তর অন্তর একটি নতুন প্রজেক্ট তৈরি করতে হবে (অর্থাৎ ৯০ দিনে ৯ টা), এবং তা গিটহাব এ সাবমিট করতে হবে।

৩. তাছাড়া ৭০ দিনের মাথায় মেন্টর যেকোন টপিকের উপরে তোমাকে একটি ওয়েবসাইট বানাতে বলবেন। এবং শেষ ৯ দিনে উক্ত প্রজেক্টটি শেষ করতে হবে। যা ফাইনাল প্রজেক্ট হিসেবে গন্য হবে(সেক্ষেত্রে প্রজেক্ট হবে ৯+১=১০ টি)। যার প্রজেক্ট সবথেকে বেশি ইউজার ফ্রেন্ডলী হবে এবং ভালো হবে সে মার্ক ভালো পেয়ে এগিয়ে থাকবে। তুমি যা কিছুই শিখো অল্প শিখো অথবা বেশি শিখো তোমাকে লেগে থাকতে হবে আর অবশ্যই নিজের কাছে সৎ থাকতে হবে। আমরা চাচ্ছি তুমি নতুন কিছু শিখো, নিজেকে এগিয়ে নিয়ে যাও। কোথাও থেকে কোড কপি করে এনে বসায় দিয়ে যদি প্রজেক্ট জমা দিয়ে দেও, ভাইবা তে গিয়ে বুঝায় দিতে না পারলে ধরা খেয়ে যাবা।

৪. যারা একদম নতুন একদম প্রথম থেকে শুরু করতেছ তাদের চিন্তার কোনো কারণ নেই, আমরা দেখতে চাই তুমি কোডিং এ লেগে থেকে তুমি নতুন কিছু শিখতেছ কিনা। তোমাদের যদি করো গাইড লাইন প্রয়োজন হয়ে https://roadmap.sh/ এই ওয়েবসাইট এর গাইড লাইন ধরে ধরে আগাতে পারো।

৫. কোন কারনে যদি কোনদিন কোড সাবমিট না হয় কিংবা ভুলে যাও তবে সরাসরি Disqualified হিসেবে গন্য হবে। সেক্ষেত্রে কারো সুপারিশ গ্রহন করা হবে নাহ।

Web development সেক্টরের চ্যালেঞ্জ পরিচালনার সার্বিক দায়িত্বে থাকবে। Adil Mahmoud Rion