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

 

Pivot Up Consult Limited Educational consultant Software-Development