FORTIFY SOLUTIONS
The Complete Web Developer in 2021: Zero to Mastery
  • Home
  • Courses
  • The Complete Web Developer in 2021: Zero to Mastery
Duration
227 Hours

Language
Hindi/English

Lectures
234

Skill level
Beginner

Certificate
yes

Drop us a Message

Your Name *
Email *
Contact Number *
Message*
The Complete Web Developer in 2021: Zero to Mastery

Web Developer Hindi/English

courseImg
  • 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

Thank you for showing interest !
we will contact you as soon
as possible
Subscribe Newsletter

Be a part of our team now. Contact us via E-mail and talk to us now

ThankYou For Subscribing Newsletter !
Email Already Exists