Software
Development
Learn how to develop effective and captivating websites using the latest web development tools and practices. Gain experience developing with HTML, JavaScript, CSS, and more.
What you will learn
Learn software development to understand how to develop effective and captivating websites using the latest web development tools and practices. Gain experience developing with HTML, JavaScript, CSS, and more.
Web Development Fundamentals
- Languages and Tools of Web Development
- How the Web Works
- Inspecting HTTP Requests and Responses
- HTML & CSS Basics
- Inspecting Pages Using DevTools & Start9- Validating Web Pages
HTML Fundamentals
- The Head Section
- Text
- Entities
- Hyperlinks
- Images, Videos, Audio
- Lists
- Tables
CSS Fundamentals
- Providing CSS
- Normalizing CSS
- Selectors
- Inheritance
- Colors, Color Pickers, Gradients
- Borders
- Shadows
Advance HTML & CSS (Layout)
- The Box Model
- Sizing Elements
- Overflowing
- Measurement Units
- Positioning Elements
Advance HTML & CSS (Typography)
- Styling and Embedding Web Fonts
- Flash of Unstyled Text
- Font Services and System Font Stack
- Sizing Fonts
Advance HTML & CSS (Images)
- Image Types and Formats
- Content and Background Images
- CSS Sprites
- Data URLs, Clipping, and Filters
- Using Modern Image Formats
- Art Direction, Scalable Vector Graphics, Font Icons
Advance HTML & CSS (Forms)
- Form Basic
- Form Styling
- CSS Frameworks
- Text Fields
- Data Lists
- Dropdown Lists
- Check Boxes, Radio Buttons, Sliders, File Inputs
- Grouping Related Fields
- Hidden Fields
- Data Validation
- Submitting the Form
- HTML & CSS Project
JavaScript
- Introduction to Javascript
- JavaScript in Browsers
- JavaScript in Node
- Variables and Constants
- Primitive and Dynamic Types
- Introduction to Objects, Arrays, Functions and Function Types
- Operators
JavaScript Objects
- Object Basics
- Factory Functions
- Constructor Functions
- Dynamic Nature of Objects
- Constructor Property
- Functions are Objects
- Value vs Reference Types
- Enumerating Properties of an Object
JavaScript Arrays
- Array Basics
- Adding Elements
- Finding Elements (Primitives and Reference Types)
JavaScript Functions
- Function Declarations vs Expressions
- Hoisting
- Arguments
- The Rest Operator
- Default Parameters
- Getters and Setters
- Try and Catch
- Local vs Global Scope
- Let vs Var
- The "this" Keyword
JavaScript Dom
- Introduction to DOM
- Methods
- Document
- Elements
- HTML
- Forms
- CSS
- Animations
- Events and Event Listeners
- Navigation
- Nodes, Collections, and Node List
jQuery
- Introduction to jQuery
- Selectors
- Events
- Hide/Show
- Fade
- Slide
- Animate
- Stop
- Callback
- Chaining
- Set, Get, Add, and Remove
- CSS classes
- CSS and Dimensions
Advance JavaScript
- Object Literals
- Factories
- Constructors
- Constructor Property
- Functions are Objects
- Value vs Reference Types
- Adding or Removing Properties
- Enumerating Properties
- Abstraction
- Private Properties and Methods
- Getters and Setters
- Inheritance
- Prototypes and Prototypical Inheritance
- Multilevel Inheritance
- Property Descriptors
- Constructor Prototypes
- Prototype vs Instance Members
- Iterating Instance and Prototype Members
React
- Introduction to React
- Components
- Class vs Function Component
- Understanding State
- Lifecycle Methods
- Component hierarchy
- Sharing Data between Components
- Props
- Props vs State
- Parent vs Child Components
- Rendering Lists
- Conditional Rendering
- Forms
- Tables
- NPM
- Using External Packages
- React Hooks
- Calling Backend Services
- Routing
- Authentication and Authorization
- Debugging React Apps
Node
- Introduction to Node JS
- Global Object
- Modules
- Creating a Module
- Loading a Module
- Module Wrapper Function
- Path Module
- OS Module
- File System Module
- Events Module
- Event Arguments
- Extending Event Emitter
- HTTP Module
- NPM
- Working with NPM
Building RESTful API's Using Express
- Introduction to RESTful Services and Express JS
- Environment Variables
- Config Files
- GET, POST, PUT, DELETE Request
- Route Parameters
- Request Headers and Query Params
- Express middleware
- Database and DBMS
- PostgreSQL
- MongoDB
- Unit and Integration Testing
- MERN Stack
Project
Is this programme right for you?
Learn how to develop effective and captivating websites using the latest web development tools and practices. Gain experience developing with HTML, JavaScript, CSS, and more.
Career Roles & Benefits
- No prior background in computer science is required to start this course. However, basic computer literacy is required.
- Commitment to undertake a technology course is also vital.
- Showcase on marketplace platform or get freelance opportunity
Experience fifteen practical modules steering you through each stage of your innovation journey. These modules also equip you with the necessary tools to think critically and create innovative solutions