Book a Free Demo / Get Full Programme Details

Web Designing and Publication Assistant

Individuals at this job are responsible for designing and maintaining web-based applications that include static and dynamic content. This includes the design, layout and coding of a website. They may work independently or along with application/functional developers as part of the overall solution that includes a web based component. This job requires the individual to work independently or in teams. The individual should be result oriented and demonstrate skills for communication, creative and logical thinking.




Training Outcomes

  • Evaluate the functioning of Business Requirement Specification, User Requirements Specification, Software Requirements Specification and Low Level Design in the web development domain
  • Examine how assumptions, constraints, interfaces determine the process of web designing.
  • Collate basic programming structures related to High Level design/Low Level Design and monitor the same.
  • Examine how to create software code that is efficient, readable and maintainable.
  • Evaluate the process for converting designs into media and graphic content.
  • Examine how to test new products and applications.
  • Illustrate the various forms of coding tools required for software applications and web designs
  • Convert requirements into web content and graphic designs, leveraging reusable components.
  • Discuss the technical validation of a web's HTML implementation.
  • Demonstrate effective communication and collaboration with colleagues.
  • Apply measures to maintain standards of health and safety at the workplace.
  • Use different approaches to effectively manage and share data and information.

COURSE DURATION

1000 hrs.

WEEKLY

6 Days/ 4 Hours

Download Brochure

View Details

About Web Developer - Skill India

 
Pack Code    : SSC/Q0503
Job Role    : Web Developer
NSFQ Level   : 5
Job Description    : Individuals at this job are responsible for designing and maintaining web-based applications that include static and dynamic content. This includes the design, layout and coding of a website. They may work independently or along with application/functional developers as part of the overall solution that includes a web based component.

The complete syllabus of this web developer course is given below :-

Module 1

1
  • What you mean by Application Development Industry
  • The most promising sectors in the application development
  • Identifying different Desktop Icons. My Computer, My Documents
  • Changing Desktop Backgrounds, Mouse pointer, Screen Saver
  • Notepad, WordPad, MS Paint
  • Introduction to MS office
  • Word processing software
  • Electronic spreadsheet


Module 2

2
  • What you mean by web designing?
  • Explain process of web designing
  • What is BRS? Why it is important to create
  • Creation of BRS Document
  • What is URS? Explain using case studies
  • Create URS & Evaluate Case studies
  • Quiz
  • What is SRS? Benefits of SRS
  • Difference between SRS & BRS
  • How to create SRS for a project
  • What is HLD? Explain in depth
  • What is LLD? Why LLD is created ?
  • How to create HLD
  • How to create LLD
  • Quiz
  • Examine all documents created for Project (BRS, URS, SRS, HLD, LLD)
  • What is Flow Chart Diagram?
  • Create Flow Chart Diagram representing all modules
  • Wireframe the 1st Layout
  • Quiz

Module 3

3
  • What is Defect Analysis Process?
  • Steps involved in Defect Analysis Process?
  • Advantages of performing Defect Analysis Process
  • Identify defects & Note it down
  • Discuss with defects with industry expert to avoid future risk in the web application
  • Improvise the design
  • What are the software development process
  • What are tools needed to create wireframe
  • How to Create wireframe using Figma or any online wireframing tool
  • Discuss with defects with industry expert to avoid future risk in the web application
  • Improvise the design based on 3.2.1

Module 4

4
  • What is functional requirement? Why it is important?
  • What is non-functional requirement? Explain with example
  • Compare Functional & Non-Functional Requirement
  • How to create a Functional Requirement document
  • How to create a Non-Functional Requirement document
  • HTML Introduction / Structure
  • HTML Tags (Headings para etc)
  • HTML image
  • HTML link
  • HTML Blocks and Inline Elements
  • HTML List
  • HTML Tables
  • HTML IFrames
  • HTML Symbols / Emojies
  • HTML Forms + inbuild validation
  • HTML Semantic Element / Way of Writing your code in HTML
  • HTML SVG Graphic
  • HTML Media


  • CSS Introduction and Types of CSS
  • CSS Colors (BG/Font/Borders) (RGBA/HEX) and Gradient Color
  • CSS ID and Classes
  • Div BackGround (Img/color) and Resizing and Borders
  • Margin and Padding and CSS Box Model
  • CSS Text
  • CSS Float
  • Using Different Fonts
  • Icons / Emojies
  • List Styling
  • Display Property and Visibility
  • CSS Postion elements (Relative, Absolute, Static , Fixed)/span>
  • OverFlow
  • CSS Selectors / pseuduo classes
  • CSS Transform methods and Transitions
  • CSS Animations
  • CSS FlexBox
  • CSS Media Query for responsiveness
  • CSS Introduction and Types of CSS
  • Introduction + where to
  • JS Variables
  • JS Operators , - JS Arithmetic, - JS Assignment
  • JS Data Types and Undefined / Null
  • JS Functions
  • JS Objects and Array and It's
  • Method
  • JS Scope
  • JS Events
  • String Methods
  • JS Random
  • JS Date and It's Methods
  • JS If..else and Switch
  • .JS Loops
  • JS DOMS Intro and It's Methods
  • JS DOM - Changing HTML | - JS DOM Manipulating Styles
  • JS DOM Events
  • JS Window Screen and Location
  • JS Alert and setTimeout() Function
  • JS Cookies and Web Storage
  • Introduction and Adding Jquery to our Project
  • JQuery Selectors | - JQ GEt ans SET CSS or CLass
  • JQuery Event Method
  • JQuery Effect (Hide / Show / Toggle) / faddings / Sliding
  • JQ Animations
  • JQ Set Content and Attr
  • JQ Add and Remove Elements from DOMS
  • Traversing
  • Introduction, CDN, Bootstrap Files
  • Important Utilities
  • Container and Container-fluid
  • Responsive BootStrap Grid and Grid System - important
  • Text and Typo
  • BootStrap Colors
  • Responsive Table
  • Some Useful BootStrap Classes (Buttons / List Group / Progress Bar / Alert / Jumbotron / Img responsiveness )
  • Cards
  • Navs and Carousel
  • Bootstrap Form
  • Modal and Accordion and Tool Tip / Popover
  • Assignment
  • Bootstrap Scrollspy
  • Basic Starting with PHP
  • Syllabus Walkthrough
  • Tools Required
  • Setupping Required tools (Xampp/VSCode/Sublime)
  • variables
  • data type
  • Strings
  • Constants
  • arrays
  • sorting arrays
  • multidimensional arrays
  • Functions
  • User Define Functions
  • PHP Date and Time
  • - Assignment
  • Conditional if else
  • switch Statements
  • while loops
  • for loops
  • PHP global / Super Global variables
  • Working with Form
  • form handling
  • form validation and required Field
  • Creating Registration Form with Client Side validation.
  • Creating Registration Form with Server Side validation.
  • Sending Email After Form Submission
  • Super Global variables
  • cookies
  • Session
  • Error Handling
  • Error Handling
  • Exception Handling

Module 5

5
  • Review all documents (SRS, BRS, LLD, HLD, Functional & Non Functional requirements)
  • Check implications related to business process
  • Finalize with Superior / expert the designs
  • Based on resources develop software design documents
  • Present SDD to client / stakeholder & Take feedback
  • Create prototyping of the approved wireframe
  • Review, refine & iterate Prototype

Module 6

6
  • Convert finalized user Login & Register page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized Home page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized product Page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized product Page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized Single product Page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized checkout & wishlist Page wireframe into Web content (i.e Design using Bootstrap)
  • Convert finalized Add to cart Page wireframe into Web content (i.e Design using Bootstrap)
  • Payment Gateway
  • Thank You Page
  • Dashboard Page
  • Edit Profile Page
  • Change Password
  • Admin Panel Designs and Working
  • Tables Required in Database
  • Downloading Template for Admin Panel Design
  • Customizing Admin Panel Design Template
  • Alternative way to create master page
  • Designing Create Category Page
  • Category Table and PHP Functionality to Add Category
  • Designing Category Table to display All Category from DB
  • Rearranging Files
  • PHP Code to display All Category to Category Page Table
  • Working on Delete Category
  • Working on Edit Category Functionality
  • Working on Updating the Category After edit
  • Designing Add Sub-Category Page
  • Category Table and PHP Functionality to Add Sub-Category
  • Designing SubCategory Table in Subcategory Page
  • PHP Code to display All SubCategory to SubCategory Page
  • Working on Deleting SubCategory
  • Working on Editing SubCategory Functionality
  • Working on Updating the SubCategory After edit
  • Fixing Bugs and Additional Changes in SubCategory Page
  • Designing Add Product Page
  • Fetching SubCategory Using AJAX
  • Storing Product Form Data to Database
  • Displaying All Products from Database Table and using DataTable
  • Deleting Product from DB Table
  • Working on Edit Product
  • Updating Single Product Functionality
  • Designing Add Product Page
  • Designing Add Product Page
  • Fetching SubCategory Using AJAX
  • Storing Product Form Data to Database
  • Displaying All Products from Database Table and using DataTable
  • Deleting Product from DB Table
  • Working on Edit Product
  • Updating Single Product Functionality
  • What you mean by reusable components? Why it is needed? List down reusable component
  • Create reusable components (eg. Buttons, nav, list)
  • Edit & save product images in folder

Module 7

7
  • Check whether the project matches the HLD & LLD specifications
  • Check all images are with high resolution
  • Validate your HTML code to match W3C std
  • Debug & Rectify all the errors

WHAT STUDENT SAYS ABOUT US?

Book a Free Demo / Get Full-Programme Details

HRISHI Computer Education, one of the leading IT/ Computer Education Institutes in Vasai-Virar, is run under the visionary leadership of Mrs. Surekha Bhosale.