Advance Diploma In Web Development Professional
Duration: 1 year (Daily 1½ Hours)
ADWP (Advance Diploma in web development Professional)
This course is designed for absolute beginners to web development; you can learn web
development from scratch using this course. During the course you will be introduced to various
aspects of design and development of web applications.
A student who completes all these modulus will become a prefect full stack developer.
Graphic Designer + Website designer + Website development = Full stack developer
Module 1 (Computer Basics)
Microsoft Office
- Introduction of Microsoft Office
- MS Word
- MS Excel
- MS Power Point
DSU (Digital Secure User)
- What is Digital Security
- Authentication and Authorization
- Importance of Digital Security
- How to achieve Digital Security
- Potential Threats in Digital Security
Computer Assembling and Installation
- Introduction of Computer Hardware
- Assembling a Computer
- Dis-assembling a Computer
- Basic Peripheral Devices
Fundamentals of Operating System
- What is Operating System
- Windows
- Linux
- Operating System Shell vs Kernel
- Operating System Services
Computer Networking Basics
- Introduction of Computer Networks
- How Internet Works
- Difference Between Website and Web Application
- IP Address
- DNS Meaning
- What is a Domain Name
Client Server Architecture
- What is Client Server Architecture
- Definition of Client, Server
- Apache, nginx
- Components of CS Architecture
- What is a Protocol
- HTTP vs HTTPS
Web Application Fundamentals
- What is Web Applications
- Components of a Web Application
- Web Application Life Cycle
- Application Routing
- Request and Response
- HTTP Status Codes
Basic Math & Data Structure
- Basics of Mathematics
- Number Systems
- Algorithm &Pseudocode
- Graph
- Tree
- Sets
- Functions
- Linked Lists
Basic Math & Data Structure
Fundamentals of Web Application Design
- Design Basics
- Web Page Components
- Basic Design Layouts
- Role of UX in Application Design
- Client Requirement Analysis
Introduction of Web Application Designing Tools (Figma, Sketch etc.)
- Introduction of Web Designing Tools
- Photoshop
- Figma
- Sketch
- Invision
- Market trends in Web Application Design
UI & UX (User Interface & User Experience )
- Introduction of UI & UX
- What is User Interface
- User Experience
- Role of UX in UI design
- Different Tools of UI design
HTML5 (Hyper Text Markup Language)
- Basics of Page Layout
- What is HTML
- HTML Tags
- Attributes
- Why HTTP is Stateless Protocol
CSS3
- Introduction of CSS
- Inline, Infile and External CSS
- Block Level Elements
- BEM Rules (Block Element Modifier)
- Introduction of SASS
- SASS
- SASS Variables
- SASS Components
- Including Components into base file
- Basic Dynamic CSS Constructs
- Introduction to Mixins
Basics of Javascript
- What is a Scripting Language
- Use of JS in making Dynamic Web Applications
- ES6 Basics
- DOM Modal
- Window and document object
jQuery
jQuery
- Basics of jQuery
- Selecting DOM Objects
- Searching Elements with Reference
- Animations
- Managing attributes and classes
Introduction of Javascript Frameworks (React, Angular, Vuejs)
- What are javascript frameworks
- Market trends of javascript Framework
- Javascript on different platforms (Client side, Server side, Desktop, Mobile, Game
Development)
- Introduction of Reactjs or Angular
- What is electron (Desktop Apps Development)
- Introduction of React Native (Mobile Apps Development)
- Other js framework
Progressive Web Apps (PWA)
- What are progressive web apps
- How PWA works
- PWA for light apps
- Service Worker introduction
Bootstrap
- What is frontend framework
- How bootstrap work
- Grid system (Workflow)
- Common classes for grids and offsets
- Building layouts
Module 3 (Web Development Tools)
Introduction of DevOps
- What is DevOps
- Need of DevOps
- Waterfall Development
- Tools
- Jenkins Introduction
Version Management Tools (Gitlab, Bitbucket, github)
- Introduction of Git
- Basic commands
- Pull, Push, Commit
- Concept of branches
- Gitvs SVN
- Git Vendors
- Github
- BitBucket
- Gitlab
Configuring IDE for Development
- Different Editors for Development
- IDE vs Editor
- VS Code, Sublime, Atom
- PHP Strom
- Net Beans
Continuous Integration
- Introduction to CI (Continuous Integration)
- Uses is CI
- CI tools
- Circle CI
- Jenkins
Project Management Tools (Basecamp, Teamwork)
- Project Management Tools
- Basecamp
- Teamwork
BugReporting Tools (Jira, Waffle)
- Software Testing
- Bug Reporting introduction
- Tools for Reporting
- Jira
- Waffle
- Bug herd
Communication Tools (Slack, Skype, Ip Messenger)
- Communication Tools (Slack, Skype, Ip Messenger)
- Tools for team Communication
- Slack
- Skype
- IP Messenger
Introduction of APIS (Rest APIs)
- What is REST API
- How API work
- Use of APIs
- Create Basic API using PHP
- JSON
- XML
- GET, POST, OPTIONS, PUT, DELETE
- HTTP Status codes
Web Inspector Tool (Chrome Dev Tools)
- How Chrome Dev tools work
- Console Tab
- Element Inspector
- Audit Tab
- Network Tab
Module 4 (Server Side Development Backend)
Introduction of backend Web Technologies
- PHP Development
- PHP Market trends
- DataBase Management System
- Frameworks vs CMS
- Introduction of design patterns
- Laravel Framework
Web Inspector Tool (Chrome Dev Tools)
- How Chrome Dev tools work
- Console Tab
- Element Inspector
- Audit Tab
- Network Tab
Module 4 (Server Side Development Backend)
Introduction of backend Web Technologies
- PHP Development
- PHP Market trends
- DataBase Management System
- Frameworks vs CMS
- Introduction of design patterns
- Laravel Framework
Case Study
- Linux RH-124 Essentials
- SDLC Principles
- Major Project
- Live Project Using SDLC Principles
SEMESTER – IVINTERSHIP
- Live Project in real time environment following all SDLC Principles
