Requirements

• Basic understanding of HTML, CSS, and JavaScript
• Familiarity with programming concepts and logic

Course Content

Course Introduction (FREE SESSION)

• How does the Internet work?
• Clients-Server Architecture
• Full-stack development concept
• Explanation of MEAN & it's benefits
• Angular Demo Project

Week 1: Introduction to Web Development and Full Stack Overview

• Web development basics, front-end vs back-end, Laravel and Vue.js overview
• HTML fundamentals, elements, and attributes
• CSS basics, selectors, and styling

Week 2: Responsive Design and JavaScript Fundamentals

• Responsive design, media queries, and Bootstrap
• JavaScript basics, variables, data types, and operators
• Control structures, loops, and functions

Week 3: JavaScript Advanced Concepts

• Objects, arrays, and JSON
• DOM manipulation and events
• Introduction to asynchronous JavaScript and AJAX

Week 4: Vue.js Fundamentals

• Introduction to Vue.js, components, and templates
• Vue.js reactivity system, props, and computed properties
• Vue.js directives, event handling, and conditional rendering

Week 5: Routing, State & Mixins

• Vue.js Router, navigation, and dynamic routing
• Vuex, state management, and store
• Vue.js mixins, custom directives, and filters

Week 6: Laravel Fundamentals

• Introduction to Laravel, MVC architecture, and routing
• Laravel Eloquent ORM and database migrations
• Laravel Controllers, views, and Blade templates

Week 7: Form Handling & API

• Form handling, validation, and CSRF protection
• Laravel Middleware, authentication, and authorization
• Laravel API development, resource controllers, and API resources

Week 8: Connecting Frontend and Backend

• API integration using Vue.js and Axios
• SPA with Vue.js and Laravel, Vue Router, and API-driven development
• Error handling, debugging, and logging

Week 9: Advanced Topics

• Laravel Events, Listeners, and Queues
• Laravel Mix, build process, and asset management
• Server-side rendering with Nuxt.js and Laravel

Week 10: Deployment

• DNS and Hosting Management
• CI/CD pipeline

Week 11-12: Project

• Build Full Stack Web Application with frontend and backend integration