Web Developer Hindi/English
- About this Course
Welcome to the Fullstack Web Development course, the best online resource for learning how to build a full-stack web app with Laravel, Vue.js, and other technologies.
You will learn basic and advance Laravel features, integrating Uikit to create a beautiful and responsive website, Integrating Fontawesome 5, utilizing the Laravel mix to write and compile Sass code and Javascript code and much more.
In this course, we will build a real-world project, that will make you proud of yourself and make you confident to build complex web applications that you can imagine.
1) Introduction
- How The Web Works (Summarized)
- The Roles Of HTML & CSS In Web Development
- Getting Setup With Visual Studio Code
2) HTML Basics
- Doctype & Basic Layout
- Setting Up Live Server (VSCode Extension)
- Meta Tags & Search Engines
- Headings, Paragraphs & Typography
- Links, Images & Attributes
- Lists & Tables
- Forms & Input
- Divs & Spans, Classes & Ids
3) CSS Basics
- Implementing CSS
- Basic CSS Selectors
- Dev Tools Introduction
- Fonts In CSS
- Color Types
- Backgrounds & Borders
- Box Model, Margin & Padding
- Float & Alignment
- Link State & Button Styling
- Navigation Menu Styling
- Positioning
- Form Style Challenge
- Form Style Solution
4) Website design
- Project Intro
- Aside: Design & Ideas
- File Structure & Navbar
- Features & Footer
- About Page
- Contact Page
5) Intro To Responsive Layouts
- What Is Responsive Design?
- Getting Started With Media Queries
- Making Website Fully Responsive
6) Website Deployment - Shared Host
- Types Of Web Hosting
- Shared Hosting Setup
- Setting Up Email
- Upload Your Site via FTP
7) More CSS Concepts - Advanced Selectors, Animation & More
- nth-child Pseudo Selectors
- before & after Pseudo Selectors
- Box Shadows
- Text Shadows
- CSS Variables (Custom Properties)
- Keyframe Animation
- CSS Transitions
- Transform Property
8) Learning Sass
- What Is Sass?
- Environment Setup With Node-Sass
- Sass Compiler
- Variables & Partials
- Nesting & Structuring
- Inheritance & Contrast
- Functions, Mixins & More
9) Portfolio Website With Sass
- Project Setup
- Header & Main Nav
- Process Section & Footer
- About Page Info Section
- About Page Logos & Testimonials
- Contact Page
- Responsive Media Queries
- Deploy & Contact Form With Spam Filter
10) Intro To JavaScript
- What is JavaScript?
- Setting Up a Development Environment
11) Basics: Variables, Data Types, Operators & Functions
- Setting Up the Project
- Adding JavaScript to the Website
- Introducing Variables & Constants
- Declaring & Defining Variables
- Data Types: Numbers & Strings
- Introducing Functions
- Adding A Custom Function
- Connecting all Buttons to Functions
- Working with Code Comments
- Using Arrays
- undefined, null & NaN
12) Working with Control Structures (if Statements, Loops, Error Handling)
- Introducing "if" Statements & Boolean (Comparison) Operators
- Using "if" Statements
- Working with "if", "else" and "else-if"
- The Logical AND and OR Operators
- if & Boolean Operators - The Basics
- Introducing Loops
- The "for" Loop
- The "while" & "do-while" Loops
- Error Handling
13) Intro To jQuery
- What is jQuery?
- Setting Up a Development Environment
- Setting Up The Editor
14) Effects – Animations in jQuery
- Fading In Elements (and Fading Them Out Again)
- Showing And Hiding Elements
- Moving Elements
- Delaying and Chaining Animations
15) Element Selectors in jQuery
- Using CSS Selectors in jQuery
- jQuery functions
16) Events ‒ Handling Mouse Events & Keyboard Events in jQuery
- Adding Click Handlers
- Adding MouseEnter & MouseLeave Handlers
- Handling KeyDown & KeyUp Events
- The Focus & Blur Events
- Using the Change Event
- Handling the Submit Event
17) Ajax with jQuery
- Fetching a Server File with jQuery
- API (+Understanding JSON)
18) Getting Started with VueJs
- VueJs Introduction
- Understanding VueJS Templates
- How the VueJS Template Syntax and Instance Work Together
- Accessing Data in the Vue Instance
- How to Output Raw HTML
19) Events in VueJs
- Listening to events
- Getting Event Data from the Event Object
- Listening to Keyboard Events
- Passing your own Arguments with Events
20) Styling in VueJs
- Dynamic Styling with CSS Classes
21) Using Conditionals and Rendering Lists in VueJS
- Conditional Rendering with v-if
- v-else-if
- Rendering Lists with v-for
22) An Introduction to Components in VueJs
- Introduction to Components
- Creating a Component
- Registering Components Locally and Globally
- Scoping Component Styles
- Communicating between Components
- Using "props"
- Passing Data with Props
23) Navigation with Vue Router
- Wiring up Vue Router
- Browser vs Hash Routers
- Navigation with Router-Link
24) Axios in VueJs
- Fetching a Server File with Axios
- Promise based HTTP
- Types of Methods, (CRUD) Application
25) Introduction to Laravel Framework
- What is MVC
- Reference files
26) Laravel Local Environment Setup
- PHP Upgrade
- Tools and Installing Laravel
- Installing and Using MySQL
- Setting Up Server & (VSCode Extension)
27) Laravel Fundamentals - Routes
- Route Introduction
- Routes part 1
- Routes part 2
- Naming Routes
28) Laravel Fundamentals - Controllers
- Creating Controllers
- Routing Controllers
- Passing data
- Resources and Controllers
29) Laravel Fundamentals - Laravel Blade templating engine
- Master layout setup
- Some more blade features
30) Laravel Fundamentals - Database - Laravel Migrations
- Environment configurations
- Creating migrations and dropping them
- Adding columns to existing tables using migrations
- Some more migration commands
31) Laravel Fundamentals - Database - Eloquent / ORM
- Reading Data
- Reading / Finding
- Inserting / Saving Data
- Creating data and configuring mass assignment
- Updating with Eloquent
- Deleting Data
32) Laravel Fundamentals - Database - Eloquent Relationships
- One to One relationship
- One to many relationships
- Many to many relations
- Has many through relation
33) Laravel Fundamentals - Database - Tinker
- Creating data with tinker
- Finding record and using tinker
- Updating and deleting with tinker
34) Forms - Package and validation
- Setting up views and routes
- Setting the markup to create
- Basic validation
- Editing records and redirecting
- Displaying errors
- Advance validation
35) Laravel Sessions
- Setting and reading sessions
- Flashing data
- Laravel - Sending Email
- Email verification
- Sending email part 1 - route
- Sending email part 2 - Finished
36) A final project with Laravel and VueJs
- Creating an admin panel
- Setup Dashboard with google analytics in the admin panel
- Manage website with admin panel
- Deploying our app to a shared hosting account
- This course is for any developer, beginner to advanced
Requirements:
- A Mac, Windows, or Linux computer with Local Development Environement.
1) The Roles Of HTML & CSS In Web Development
2) Build Multiple High-Quality Website & UI Projects
3) HTML5 Layout & CSS Fundamentals
4) CSS Variables, Transitions, Dropdowns, Overlays & More
5) Learn JavaScript and start building rich webpages and applications.
6) Add fast feedback and validation for forms using jQuery
7) Handle user events such as mouse clicks and keyboard presses
8) Build real-world Vue js & Laravel applications
9) Introduction to Vue js: Directive, list rendering, conditional rendering, class binding, style binding, components, and much more.
10) Integrating Vue js & Ajax to make our application more interactive.
11) Vue router
12) Axios Promise, API requests error, Handling Errors
13) Build RESTful API
14) Build a Single Page Application (SPA) from scratch
15) Deploy Laravel application both in Heroku and Digital Ocean Virtual Private Server
16) Understand how Vue js works and how it interacts with Laravel Backend API
17) Use Laravel Mix for asset compilation
18) Deploy Laravel applications.
19) So what you're waiting for? Join today and learn how to build full-stack web apps from scratch.
Study material and Course Completion Certificate