Web development

image

Web development

Web development Course Details

  • HTML5
  • CSS
  • BootStrap 4
  • C++
  • C#
  • JAVA
  • JavaScript Statements
  • Python
  • Node js
  • Swift
  • Hello React

Module 1: HTML5 Introduction

  • In this module, you will learn the evolution of html5. HTML5 is the latest standard for HTML. HTML5 was
  • Designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.
  • Limitations of HTML 4
  • Introduction and Advantages of HTML 5
  • First HTML5 Document
  • Overview of New Features of HTML5
  • List of HTML 4.01 elements removed from HTML5:

Module 2: Page Layout Semantic Elements

  • In this module, you will learn what semantic elements is and how to use it. A semantic element clearly
  • Describes its meaning to both the browser and the developer.
  • Header
  • Navigation
  • Section & Articles
  • Footer
  • Aside and more

Module 3: HTML5 Web Forms

  • In this module, you will learn about html web forms, HTML form on a web page allows a user to enter data
  • That is sent to a server for processing. Forms can resemble paper or database forms because web users fill out
  • The forms using checkboxes, radio buttons, or text fields.
  • HTML 5 Global Attributes
  • Displaying a Search Input Field
  • Contact Information Input Fields
  • Utilizing Date and Time Input Fields
  • Number Inputs
  • Selecting from a Range of Numbers
  • Selecting Colors
  • Creating an Editable Drop-Down
  • Requiring a Form Field
  • Autofocusing a Form Field
  • Displaying Placeholder Text
  • Disabling Autocomplete
  • Restricting Values

Module 4: Canvas API

  • In this module you will learn about canvas, The HTML <canvas> element is used to draw graphics, on the fly,
  • Via JavaScript.
  • The <canvas> element is only a container for graphics. You must use javascript to actually draw
  • The graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images. Overview
  • Of HTML5 Canvas
  • History
  • What Is a Canvas?
  • Canvas Coordinates
  • Registering the Canvas dimensions
  • Drawing on Canvas with paths, curves etc.
  • Working with Solid colors, Gradients & Transparency
  • Importing External Images & Setting the background
  • Working with Color & Geometrical transformations
  • Creating graphs & charts
  • Working with Text
  • Animating a Vertical Bar-Chart
  • Fine tune animation with Acceleration & Easing.
  • Working with Pixel Data
  • CSS and Canvas
  • Create High-Res, Retina-Display-Ready Media with Canvas
  • Clipping Canvas drawings & saving them to a file.
  • When Not to Use Canvas
  • Fallback Content
  • Implementing Canvas Security
  • Ensuring backward compatibility Support of Canvas API to older versions of browsers

Module 5: SVG API

  • In this module you will learn about svg, svg stands for Scalable Vector Graphics and it is an SVG viewer then
  • Renders a language for describing 2D-graphics and graphical applications in XML and the XML. SVG is mostly
  • Useful for vector type diagrams like Pie charts; Two-dimensional graphs in an X, Y coordinate system etc.
  • Overview of SVG
  • Understanding SVG
  • Scalable Graphics
  • Creating 2D Graphics with SVG
  • Adding SVG to a Page
  • Simple Shapes
  • Transforming SVG Elements
  • Reusing Content
  • Patterns and Gradients
  • SVG Paths
  • Using SVG Text
  • Putting the Scene Together
  • Building an Interactive Application with SVG
  • Adding the CSS Styles
  • Ensuring backward compatibility Support of SVG API to older versions of browsers

Module 6: HTML5 Media (Video & Audio)

  • In this module you will learn multimedia. HTML5 introduced two new elements that include playback
  • Functionality for supported media formats. The audio element can be used to add audio content to a web
  • Adding Video & Audio to a page
  • Supported Audio & Video formats
  • Audio & Video codecs
  • Loss & Lossless compression
  • Media specific attributes Vs Global attributes
  • Deployment challenges on Mobiles
  • Converting Audio & Video to supported formats using open source & commercial software
  • Using a Frame grabber
  • Custom Controls, Seek bar, Progress bar with Javascript & CSS
  • Applying CSS skins & transforms
  • Working with multiple tracks, Subtitles & Captions with Captionator, Player & the Lean back Player
  • Integrating Video with Canvas & SVG
  • Applying Visual filters using Canvas & SVG
  • Debugging, Browser support.
  • Licensing issues.
  • Ensuring backward compatibility Support of Media API’s to older versions of browsers

Module 7: Web Storage API

  • In this module you will learn web storage, web storage sometimes known as DOM storage (Document Object
  • Model storage), provides web application software methods and protocols used for storing data in a web
  • Browser Goodbye cookies introducing Web Storage
  • Browser Support
  • Local Vs Session storage
  • Using the HTML5 Web Storage API
  • Setting and Retrieving Values
  • Storing forms & caching events with local storage
  • Storing & Accessing JSON data.
  • Communicating Web Storage Updates
  • Data Security
  • Need more storage space – exploring Web SQL Database API & Indexed DB
  • Creating a Grocery List with Web SQL DB
  • Ensuring backward compatibility Support of Web Storage API to older versions of browsers

Module 8: Geolocation

  • In this module, you will learn about geolocation. Geolocation is the identification or estimation of the realworld geographic location of an object, such as a radar source, mobile phone, or Internet-connected computer
  • Comparing Geolocation techniques in the past & modern day Geolocation
  • Understanding the pillars of Geolocation. I.e., GPS/ IP Address/ Cell ids/ Wi-Fi and Bluetooth
  • LBS (Location based services)
  • Mobile & Augmented reality applications, which consume geolocation service.
  • Understanding Latitude, Longitude, Speed, Course & Accuracy
  • Getting you current location
  • Browser compatibility & Fallbacks.
  • Reverse geocoding
  • Mapping location
  • Getting Distance & Directions between two places.
  • Following a moving location
  • Combing geolocation with google maps
  • Triggering the Privacy Protection Mechanism
  • Saving Geographical information

Module 8: Geolocation usage 

  • Geo Marketing, Geo social, Geo tagging, Geo social, Geo tagging & Geo
  • Building a Real-Time Application with HTML5 Geolocation
  • Ensuring backward compatibility Support of Geolocation API to older versions of browsers
  • CSS Styles Inline
  • Internal CSS
  • External CSS
  • BootStrap 4
  • BootStrap 4 Grid System
  • BootStrap 4 Jumbotron
  • Tooltips
  • Popovers, Alerts, Spinners & Badges
  • Navs, Navbars, Menus, Tabs
  • Dropdown and Collapse
  • JavaScript & jQuery

Section 1

  • Object-Oriented Fundamentals
  • Programming Paradigms
  • Conquering Complexity
  • C++ Basics
  • Built-in Types, Arrays and Pointers
  • Comments, Keywords, I/O Streams
  • Built-in Operators and Control Constructs
  • Dynamic Free Store Operators
  • C++ Functions
  • Definition and Prototypes
  • Inline Functions
  • Structures and References

Section 2

  • Classes and Objects
  • Encapsulation
  • Data Members, Member Functions
  • Private and Public
  • Constructors and Destructors
  • Default Arguments
  • Storage Allocation and Deallocation
  • this Pointer
  • Copy Constructors

Section 3

  • Overloading
  • Overloading Functions
  • Overloading Operators
  • Unary and Binary Operators
  • Initialization vs. Assignment
  • Stream Input and Output

Section 4

  • Polymorphic Programming
  • Inheritance
  • Public Inheritance and Subtyping
  • Base and Derived Classes
  • Constructors and Destructors
  • Base Class Initialization
  • Using Protected keyword
  • Virtual Functions
  • Base Class Pointers and References
  • Dynamic Binding
  • Abstract Base Classes
  • Pure Virtual Functions
  • Virtual Destructors

Section 5

  • Code Reuse in C++
  • Containment
  • Objects as Data Members
  • Member Initialization
  • Private Inheritance
  • Base and Derived Relationship
  • Access Declarations

Section 6

  • Designing with C++
  • Templates
  • Template Functions
  • Template Classes
  • Exceptions
  • try, catch, throw
  • Exception Hierarchies

MODULE 1- Getting Started

  • C# Fundamentals
    • Namespaces, Input and Output
    • Operators and Control Constructs
    • Value data types, Arrays, and References
  • Method Parameters
    • Using params
    • Using ref
    • Using out

MODULE 2 – Classes and Objects

  • Class Design
    • Fields, Properties, Accessors
    • Constructors, Destructors, this keyword
    • Method Overloading
    • Static Fields and Methods
  • Inheritance
    • Polymorphism with virtual and override
    • Using base with Constructors and Methods
  • Classes and Structs
    • Abstract Classes and Methods
    • Sealed Classes
    • The Object Class
    • Boxing and Unboxing
    • Creating and Using Structs

MODULE 3 – Working with Objects

  • Exception Handling
    • try, catch, throw, finally
    • Exception Objects
  • Interfaces
    • Implementing and Extending Interfaces
    • The is and as Operators
    • Interfaces vs. Abstract Classes
    • Qualified Interfaces
  • Resource Management

MODULE 4 – Delegates and Events

  • Delegates
    • The delegate keyword
    • Assigning Methods to Delegates
    • Anonymous Methods, Lambda Expressions
  • Events
    • The event keyword
    • Publish-Subscribe Pattern
    • Event Properties and Handlers
  • Callbacks
    • Using AsyncCallback and IAsyncResult
  • Standard Events
    • Using EventHandler and EventArgs

MODULE 5 – Windows Programming in C#

  • Windows Forms
  • Controls and Components
    • Label, Button, TextBox, CheckBox
    • ComboBox, RadioButtons, ListBox
    • DateTimePicker, ImageList, Panel
    • FlowLayoutPanel and TableLayoutPanel
  • Window Applications
    • Window Events
    • MenuBars, MenuItems, Status Bars

MODULE 6 – Threads

  • The Thread Class
  • Starting Threads, Thread Priorities
  • Timer Threads
  • Interlocked, Monitor, and lock()

MODULE 7 – Generics and Collections

  • Generics
    • Generic Methods and Classes
    • Generic Delegates
  • Collections
    • Indexers
    • Stack and Queue
    • ArrayList, List, LinkedList
    • Dictionary

MODULE 8 – File I/O and Streams

  • File and Directory Management
  • Reading and Writing Text Files
  • Reading and Writing Binary Files

Introduction to Java

  • Bytecode
  • Class Files
  • Compilation Process
  • Data types, and Operations
  • if conditions
  • Loops – for
  • while and do while

Arrays

  • Single Dimensional
  • Multidimensional arrays

Functions

  • Function with Arguments
  • Function Overloading
  • The concept of Static Polymorphism

String Handling

  • String
  • String Buffer Classes

OOPS in Java

  • Concept of Object Orientation
  • Attributes, and Methods
  • Classes and Objects

Methods and Constructors

  • Default Constructors and Constructors with Arguments
  • Inheritance
  • Abstract
  • Final
  • Static
  • Packages and Interfaces

Access Specifiers:

  • Public, Private
  • Protected and Package

Exception Handling

  • Try
  • Catch
  • Finally
  • Throw and Throws

Multi-Threading:

 

  • Runnable Interface
  • Extending a Thread Class
  • Synchronization in Thread

Wrapper Classes and Inner Classes:

  • Integer,
  • Character,
  • Boolean,
  • Float etc

Applet Programs:

  • How to write UI programs with Applet
  • Java.lang
  • Java.io
  • Java.util

Collections: ArrayList

  •  Vector
  •  HashSet
  •  TreeSet
  •  HashMap
  •  HashTable

JavaScript Programming Fundamentals

  • Fundamentals of JavaScript Code
  • Advanced Functions (scope, closures)
  • Asynchronous JavaScript (callback methodology)
  • Features in the latest version of ECMA
  • Modularity (import and export)

React Development Bootcamp

  • Learn how to write your own React code to build dynamic web and mobile applications
  • Understand how to integrate APIs using Axios to build webhooks
  • Create mobile applications and upload them to the iOS and Android app store

JavaScript Development with Node.js

  • The runtime environment of Node.js
  • Creating a basic server to accept and respond to web traffic
  • Programming with the Node file system to serve and manipulate static assets
  • Course Syllabus | JavaScript Development Certificate 1
  • Creating listeners to respond to changes within your Node application
  • Working with Node package manager

NoSQL Databases with MongoDB

  • How to setup MongoDB locally
  • Working with MongoDB compass GUI
  • Creating database schemas
  • Creating documents
  • Creating search algorithms

JavaScript Development with Express.js

  • Creating API routes
  • Parsing and creating middleware
  • Hosting Express.js routes on a Node server
  • Analyzing the different types of routes (POST, GET, PUT, DELETE
  • Basics PHP syntax & Conditional Statements
  • Loops (for, While , Do-while & Foreach)
  • Arrays , Super Global Arrays & Functions
  • Built in function’s
  • Create database for Web using MySQL
  • Database Programming using MySQL
  • Testing, Debugging & Publishing PHP Web Applications

Vital Python

  • Math, Strings, Conditionals, and Loops
  • Vital Python
  • Numbers: Operations, Types, and Variables
  • To Open a Jupyter Notebook
  • Python as a Calculator
  • Standard Math Operations
  • Basic Math Operations
  • Order of Operations
  • Spacing in Python

Number Types

  • Integers and Floats
  • Complex Number Types
  • Errors in Python

Variables

  • Variable Assignment
  • Changing Types
  • Reassigning Variables in Terms of Themselves
  • Variable Names
  • Multiple Variables
  • Comments
  • Docstrings

Theorem in Python

  • Strings: Concatenation, Methods, and input()
  • String Syntax
  • Escape Sequences with Quotes
  • Multi-Line Strings
  • The print() Function
  • String Operations and Concatenation
  • String Interpolation
  • Comma Separators
  • Format
  • The len() Function
  • String Methods
  • Casting
  • The input() Function
  • String Indexing and Slicing
  • Indexing
  • Slicing
  • Strings and Their Methods
  • Booleans and Conditionals
  • Booleans
  • Logical Operators
  • Comparison Operators
  • Comparing Strings
  • Conditionals
  • The if Syntax
  • Indentation
  • if else
  • The elif Statement
  • Loops
  • The while Loops
  • An Infinite Loop
  • break
  • Programs
  • The for Loop
  • The continue Keyword
  • Python Structures
  • The Power of Lists
  • List Methods
  • Accessing an Item from a List
  • Adding an Item to a List

Dictionary Keys and Values

  • A List and a Dictionary
  • Zipping and Unzipping Dictionaries Using zip()
  • Dictionary Methods
  • Tuples
  • A Survey of Sets
  • Set Operations
  • Choosing Types

 

Executing Python – Programs

  • Algorithms, and Functions

Introduction

  • Python Scripts and Modules
  • Shebangs in Ubuntu
  • Docstrings
  • Imports
  • The if __name__ == “__main__” Statement
  • Basic Functions
  • Positional Arguments
  • Keyword Arguments
  • Iterative Functions
  • Exiting Early
  • Helper Functions
  • Don’t Repeat Yourself
  • Variable Scope

Variables

  • Defining inside versus outside a Function
  • The Global Keyword
  • The Nonlocal Keyword
  • Lambda Functions
  • Mapping with Lambda Functions
  • Filtering with Lambda Functions
  • Sorting with Lambda Functions
  • Extending Python, Files, Errors, and Graphs
  • Reading Files
  • Writing Files
  • the Date and Time in a Text File

Introduction to Node JS

  • Introduction to Node JS
  • What is Node JS, Node.js Process Model?
  • Advantages of Node JS
  • Traditional Web Server Model

Setup Development Environment

  • Install Node.js on Windows
  • Working in REPL, Node JS Console

Node JS Modules

  • Functions, Buffer, Module
  • Core Modules, Local Modules
  • Modules Types
  • Modules Exports

Node Package Manager

  • What is NPM, Installing Packages Locally?
  • Adding dependency in package Jason
  • Installing package globally
  • Updating packages

Creating Web Server

  • Creating Web Server
  • Handling http requests
  • Sending Requests

File System

  • Fs.readFile, Writing a File
  • Writing a file asynchronously
  • Opening a file, Deleting a file
  • Other IO Operations

Debugging Node JS Application

  • Core Node JS Debugger

Events

  • Event Emitter class ~ Returning event emitter
  • Inheriting Events

Express JS

  • Configuring Routes
  • Working with Express

Serving Static Resources

  • Serving Static Files
  • Working with Middle Ware

Database Connectivity

  • Connecting String, Configuring
  • Working with Select Command
  • Updating Records
  • Deleting Reco

Basics of Swift

  • Open and run a provided Xcode Playground
  • Produce a new, blank Xcode Project
  • Write functional Swift code
  • Execute new syntax in Xcode Playgrounds
  • Recognize the use of control flow in swift coding

App Development Process

  • Differentiate the ordered phases in the app development process and their unique importance
  • Employ thoughtful design thinking during the app planning process
  • Recognize and intervene when the app development process is rushed

Debugging and Problem Solving

  • Recognize individual lines of code and the result of their execution
  • Identify errors and bugs, explain their problems, and correct them
  • Identify working code and non-working code
  • Utilize Apple documentation to understand project-specific syntax

Interface Builder

  • Practice building a UI in Xcode
  • Create outlets and actions for UI elements
  • Distinguish between good and bad UI design
  • Model a successful UI in a wireframe

More Swiftly

  • Write code that interacts with the UI using UIKit
  • Utilize Storyboards to layout the UX
  • Generate loops, functions, and custom data types
  • Build UI’s with Auto Layout that scale on different sized devices

Portfolio Project

  • Create a portfolio to showcase coding projects

More Swiftly Continued

  • Work with custom data types in Swift
  • Develop in-app workflows and navigation with multiple screens

App Exercise

  • Create an app through a guided planning process
  • Write apps that combine all of the Swift and Xcode tools introduced thus far

Staying Current

  • Understand the importance of app maintenance
  • Implement readable code
  • Write useful and clear comments
  • Identify professional development opportunities

Final App Challenge

  • Combine course topics into a cohesive project
  • Implement previous concepts independently

Hello React Native

  • What is React Native?
  • What does it do for us? Why choose it?
  • Pros and cons
  • Architecture
  • Sharing with web projects
  • What React Native code looks like
  • Leveraging your React knowledge

React and Redux reviews (when needed)

  • Redux reminder
  • Reducers, actions, state, store, and
  • middleware
  • React reminder
  • SFCs vs class-based components
  • Composition
  • JSX structure and rules
  • props
  • state
  • Controlled and uncontrolled
  • components
  • Virtual DOM vs the real DOM

The Development Process

  • Where do I even start?
  • react-native vs. create-react-nativeapp
  • Which is better for given situations
  • The React Native team’s
  • recommendations
  • What is expo?
  • Creating a new React Native app
  • How to run it on a tethered device
  • How to run it on a wireless device
  • How to run it in an Android emulator
  • How to run it on an iOS simulator
  • Debugging in a browser window
  • Logging, breakpoints, stepping
  • through
  • YellowBoxes and RedBoxes

Single-value Controls

  • Components overview
  • Categories of components
  • Text
  • Text props and events
  • TextInput
  • props and events and the event object
  • Image
  • Differences between HTML and React
  • Native images
  • Reserving space for them
  • Local images vs remote images
  • resizeMode

Platform-specific Development

  • How can we develop differently on the
  • different platforms?
  • Why would we ever do this?
  • Technical roadblocks
  • The DatePicker – iOS vs Android
  • Using the Platform module

Layout Components

  • Components review
  • View
  • SafeAreaView
  • ScrollView
  • Pinch-to-zoom
  • KeyboardAvoidingView
  • How to create modal views
  • Controlling the OS’s status bar

Flexbox for Native Layouts

  • Why flexbox?
  • Where it came from
  • Flexbox on the web is NOT flexbox on
  • native
  • Containers and items
  • Flex Direction
  • flex Basis vs width/height
  • flex Shrink, flexGrow
  • The flex shorthand
  • justifyContent and alignContent
  • flexWrap

Styling React Native Apps

  • How React Native styles differ from
  • CSS
  • How to apply styles
  • How to control style inheritance
  • Style arrays
  • Four methods of defining styles
  • Common properties
  • Cross-platform fonts
  • Conditional and programmatic styles

Navigation

  • What is navigation, really?
  • How to get React Navigation
  • The three types of navigators
  • StackNavigator
  • Routing object
  • Navigation config
  • How to pass params when navigating
  • TabNavigators
  • Three types of TabNavigators
  • How to set icons
  • DrawerNavigator
  • Examples and demos

Ajax in React Native

  • Why it must be different on a device
  • The fetch API
  • How to show a loading indicator
  • How to make requests and populate
  • affordances
  • Security in a native environment

Fee: 60,000
Duration: 6 Months
Timing: 9AM-11AM, 11AM-1PM, 1PM-3PM, 3PM-5PM, 5PM-7PM, 7PM-9PM

Scroll to Top
× How can I help you?