Full Stack Website Development
Module Breakdown
Skills for Effective Communication
- INTRODUCTION
- HTML BASICS
- PARAG RAPH
- HEADINGS
- IMAGES
- LISTS
- FORMS
- TABLES
- DIV ELEMENTS
- BLOCK ELEMENTS
- INLINE ELEMENTS
CSS (CASCADING STYLE SHEET)
- INTRODUCTION CSS3
- CSS3 COLORS
- CSS3 BACKGROUNDS
- CSS3 BORDERS
- CSS3 PADDING
- CSS3 MARGIN
- CSS3 FONTS
- CSS3 TEXT
- CSS3 SHADOW
- CSS3 LINKS
- CSS3 LISTS
- CSS3 BOX MODEL
- CSS3 POSITIONS
BOOTSTRAP
- INTRODUCTION TO BOOTSTRAP
- BOOTSTRAP BASICS
- BOOTSTRAP GRIDS
- BOOTSTRAP BREAKPOINTS
- BOOTSTRAP MARGIN
- BOOTSTRAP PADDINGS
- BOOTSTRAP COLORS
- BOOTSTRAP CSS
- BOOTSTRAP JAVASCRIPT
TAILWIND CSS (OPTIONAL)
- INTRO& SETUP.
- HTMLTEMPLATE.
- FONTS& COLORS.
- MARGIN,PADDING & BORDERS.
- TAILWINDCONFIG.
- CUSTOMFONTS. • USING FLEXBOX.
- RESPONSIVECLASSES.
- CARDS.
- BADGES.
- @APPLYDIRECTIVE.
- GRIDS.
- BUTTONS.
- ICONS.
- HOVER EFFECTS.
- RESPONSIVENAV (PART 1).
- RESPONSIVENAV (PART 2).
- WRAPUP
JAVASCRIPT PROGRAMMING
- FUNDAMENTALS OF JAVASCRIPTPROGRAMMING FROM THE GROUND UP
- VARIABLES,
- CONDITIONAL LOGIC (IF-ELSE),
- ARRAYS,
- OBJECTS, AND LOOPS
- NEWEST ES6 AND ES7 FEATURES,INCLUDING ARROW FUNCTIONS, LET AND CONST
- FUNCTIONS, PARAMETERS-ARGUMENTS,AND RETURN VALUES
- HIGHER LEVEL FUNCTIONS ANDCALLBACKS
- ARRAY AND STRING METHODS
- ASYNCHRONOUS JAVASCRIPT WITHPROMISES AND ASYNC
- APIS (APPLICATION PROGRAMMINGINTERFACES)
- PARSING AND WORKING WITH JSON(JAVASCRIPT OBJECT N
- CODING INTERVIEW CHALLENGE PREPPROJECTS AND PORTFOLIO DEVELOPMENT
JQUERY
- JQUERY SYNTAX
- JQUERY SELECTORS
- JQUERY EVENTS
- JQUERY EFFECTS
- JQUERY HTML
- JQUERY TRAVERSING
- JQUERY AJAX & MISC OOPS
- DESIGN PATTERNS OBJECT-ORIENTEDDESIGN
- JSON
- DOM
- AJAX
STRING MANIPULATION AND REGULAR EXPRESSIONS
- FORMATTING STRINGS
- JOINING AND SPLITTING STRINGS WITH STRING UNCTIONS
- COMPARING STRINGS
- MATCHING AND REPLACING SUBSTRINGS WITH STRING FUNCTIONS
REUSING CODE AND WRITING FUNCTIONS
- USING REQUIRE () AND INCLUDE ()
- USING FUNCTIONS
- Parameters
- RECURSION
OBJECT-ORIENTED PHP
- OBJECT-ORIENTED CONCEPTS & CREATING CLASSES, AND ATTRIBUTES.
- OPERATIONS IN PHP IMPLEMENTING INHERITANCE IN PHP & SIGNINGCLASSES
MVC WITH LARAVEL
- LARAVEL INSTALLATION WORKING WITH FORMS WORKING WITH CON-TROLLER
- LARAVEL BLADE TEMPLATE WITH BOOTSTRAP RESPONSES WITH HTML
- LARAVEL MIGRATION
- LARAVEL REQUESTS, MODELS
- LARAVEL ELOQUENT ORM
- BUILD A COMPLETE APP IN LARAVEL
DESIGNING YOUR WEB DATABASE
- RELATIONAL DATABASE CONCEPTS
- HOW TO DESIGN YOUR DATABASE & WEB DATABASE ARCHITECTURE
CREATING YOUR WEB DATABASE
- CREATING DATABASES AND USERS INTRODUCTION TO MYSQL PRIVILEGE
- SYSTEM SETTING UP A USER FOR THE WEB CREATING DATABASE TABLE
ACCESSING YOUR MYSQL DATABASE
- FROM THE WEB WITH PHP
- HOW WEB DATABASE ARCHITECTURES
- CHECKING AND FILTERING INPUT DATA
- SETTING up A CONNECTION & QUERYING THE DATABASE
MODERN JAVASCRIPT / ES6
- LET, VAR, CONST
- FUNCTIONS VS. ARROW FUNCTIONS
- DEFAULT PARAMETER FUNCTIONS
- SPREAD OPERATORS
- REST OPERATES
- OBJECT LITERALS
- TEMPLATE / STRING LITERALS
- DESTRUCTURING O ARRAY
- OBJECT
- MAP
- FILTER
- SET
- ARRAY
- ARRAYS METHODS
REACT JS (MODERN WEB LIBRARY)
- INTRODUCTION TO REACTJS
- UNDERSTAND REACTJS LIBRARY &DIRECTORY
- REACT COMPONENTS
- TYPES OF COMPONENTS
- BUILD A SIMPLE REACT COMPONENT
- COMPONENT COMPOSITION
- COMPONENT STYLING
- ADD STYLES TO YOUR COMPONENTS
- COMPONENT INTERCOMMUNICATION
- HOW TO PASS DATA FROM ONE COMPONENT TO ANOTHER
- ROUTING
- USING ROUTING TO CREATE SINGLE PAGE APP
- HOOKS
- STATES
- HOOKS VS STATES
- TYPES OF HOOKS
- REDUX USING REDUX AS STATE CONTAINER FOR REACT APPS
- REACT BOOTSTRAP
- HOW TO DEPLOY REACTJS APP
NEXT JS (MODERN FRAMEWORK OF REACT JS)
- NEXT JS BASICS O NEXTJS INTRODUCTION
- NEXTJS INSTALLATION
- HOW TO START THE NEXT JS SERVER?
- NEXT JS PAGES
- WHAT IS THE PAGE IN THE NEXT JS?
- WHAT IS A LINK COMPONENT IN NEXT JS
- LINKING BETWEEN PAGES IN NEXT JS
- SERVING STATIC FILES
- SERVING DYNAMIC FILES
- NEXT JS CSS / STYLING
- HOW TO ADD LAYOUT IN NEXTJS
- NEXTJS IMAGE OPTIMIZATION
- How TO ADD CUSTOM LOCAL FONTS IN NEXTJS
- DIFFERENT FORMS OF PRE-RENDERING IN NEXTJS
- NEXTJS DATA FETCHING METHODS
- WHAT IS SSR IN NEXTJS
- NXTJS – DYNAMIC ROUTES SEGMENTS
- NEXTJS – DYNAMIC IMPORT
- NEXTJS ROUTING O NEXTJS ROUTINd
- NEXTJS NESTED ROUTING
- NEXTJS INJECTING THE ROUTER
- HOW TO CATCH ALL ROUTES IN NEXTJS o
- NEXTJS CUSTOM
- NEXTJS CUSTOM SERVER
- NEXTJS CUSTOM DOCUMENT
- NEXTJS CUSTOM ERROR PAGE
- NEXTJS ENVIRONMENT VARIABLES
- HOW TO DEPLOY NEXTJS APPLICATION TO VERCEL
- PROJECT IN NEXTJS
NODE JS
- INTRODUCTION TO NODEJS
- ARCHITECTURE OF NODEJS
- APPLICATION SYNCHRONOUS AND ASYNCHRONOUS PROGRAMMING
- CALL BACK FUNCTION IN NODEJS
- PROMISES IN NODEJS
- MONGODB WITH NODEJS
- DESIGN THE SCHEMA IN NODEJS
- DESIGN THE REST API’S
- CET METHOD
- POST METHOD O PUT METHOD
- DELETE METHOD
- JSON WEB TOKEN AUTHENTICATION IN NODEJS
- REATE THE AUTH APP IN NODEJS
- CREATE THE E-COMMERCE BACKEND
- INTEGRATED PAYMENT GATEWAY
EXPRESS JS
- RESTFUL SERVICES
- INTRODUCING EXPRESS
- BUILDING YOUR FIRST WEB SERVER
- NODEMON
- ENVIRONMENT VARIABLES
- ROUTE PARAMETERS
- HANDLING HTTP GET REQUEST
- HANDLING HTTP POST REQUEST
- CALLING ENDPOINTS USING POSTMAN
- INPUT VALIDATIONS
- HANDLING HTTP PUT REQUEST
- HANDLING HTTP DELETE REQUEST
- PROJECT- BUILD THE GENRES API
- EXPRESS- ADVANCED TOPICS
- MIDDLEWARE
- CREATING A CUSTOM MIDDLEWARE
- BUILT-IN MIDDLEWARE
- ENVIRONMENTS
- CONFIGURATION
- DEBUGGING
- TEMPLATING ENGINE
- DATABASE ENGINES
- DATABASE INTEGRATION
- AUTHENTICATION
- STRUCTURING EXPRESS APPLICATIONS
MONGO DB
- INTRODUCTION TO MONGODB (NO-SQL) O CRUD OPERATIONS
- 1: CREATE
- 2: UPDATE
- 3: PELETE
- 4: UPDATE
- COLLECTIONS IN MONGODB
- DOCUMENTS IN MONGODB
- DIFFERENCE BETWEEN MYSQL AND NOSQL
- INSERTING DATA INTO THE DATABASE
- FILTER QUERIES IN THE MongoDB DATABASE
- SCHEMA VALIDATION IN THE MongoDB DATABASE
- INDEXING IN COLLECTIONS
- AGGREGATION IN MONGODB
- EMBEDDED DOCUMENT IN MONGODB
Request a Demo Class?
PayeWork Consultant and Trainings.
Empowering Your Success with Expertise and Innovation.