Includes:
- 5 hours of lecture Videos
- 178 hands-on practice exercises
- 58 Assessment exercises
- 35 code analysis exercises
- 285 knowledge based questions
-
13 Live connect sessions
(Master classes) - Lifetime access
+91 95669 33778
Build Real World Websites using HTML and CSS
ABOUT THE COURSE
This course will help you learn step by step all the fundamental concepts of HTML and CSS that you need to know to create a website. We cover how to properly use selectors to make it easier and move straight forward to select HTML elements. Making your own templates allows you to add your own creativity into your web pages. This course is perfect for anyone who wants to learn more about web development.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Understand HTML/CSS Basics, Images, Tables, Links, Lists, Forms, charts and media types and much more.
- Transform designs of problem solutions into HTML/CSS programming languages.
- Write the code and execute programs on an IDE.
- Apply the testing techniques to find and resolve errors.
- Understand the different aspects of front end web development.
Course Content
HTML Tags, Elements, Attributes
In this topic you are going to learn about HTML tag, elements and attributes. Tags are used to mark up the start and end of an HTML element. A start tag, content, and an end tag. An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element's start tag. An element's start tag may contain any number of space separated attribute/value pairs.
- 1 Video
- 12 Hours
- 35 Problems
HTML Images
HTML Images are very essential to beautify your web sites. This session will take you through step by step process to use images in your web pages like embedding an image, alternate text for an image, how to specify the width and height of an image, different types of attributes, tags which is used to define image and also about HTML path which describes the location of a file in a web site's folder structure.
- 1 Video
- 7 Hours
- 30 Problems
HTML Tables
HTML Tables are used to organize the data and present data in rows and columns, here you will learn about <table>,<tr>,<td>,<th> tags, Attributes like row span, col span ,HTML vertical align and cell padding & cellspacing attributes which is used to give your table cells a little more breathing room, By default, table cells tend to be squeezed close to each other.
- 1 Video
- 6 Hours
- 28 Problems
HTML Links
Links are one of the fundamental technologies which make you to move from one page to another, In HTML links you are going to explore about <a> tag which defines a hyperlink,href attribute which indicates the link's destination, <nav> tag which define a set of navigation links and how to refer social networks using html links.
- 1 Video
- 6 Hours
- 30 Problems
HTML Lists
In HTML lists you would learn to present list of information in well formed and semantic way. You will get good knowledge about different types of HTML lists like ordered and unordered lists which is define using <ul> and <ol> tags , Description list which is used to display a list of terms and their descriptions and Nested list using <li> tag.
- 1 Video
- 5 Hours
- 28 Problems
HTML Forms
HTML Forms will collect data from user and will deliver to web server for processing the data, it acts as a user interface between a web user and application, In HTML forms you will have better information about how you want to collect information from website users, designing your own forms by using <form> elements, will come to know about ‘autocomplete attribute’ which specifies whether or not an input field should have autocomplete enabled, placeholder attributes and ‘file upload’ which allow users to choose the image file they want to upload.
- 1 Video
- 9 Hours
- 32 Problems
CSS Basic Styles
CSS is used to describe how HTML elements are to be displayed on screen. In CSS basic styles you will get exposure about background image styling, css font size, css internal and external styling, font style, style by class, color property, text transform and css column-count.
- 1 Video
- 9 Hours
- 32 Problems
CSS Images & Links
In CSS Image and links you will learn to style the images and links using css properties like color, background, text decoration, responsive images which will automatically adjust to the screen size. In ‘CSS filter’ you will get knowledge to add visual effects and will get some information about CSS – Hover Flip .
- 1 Video
- 6 Hours
- 33 Problems
CSS Tables, Borders & Margins
In this topic you will get to know how borders are set using border property, css using styling the table, striped tables using class and ids, display properties which is used to controlling layouts, and also you will get education about ‘Responsive Table’ which display a horizontal scroll bar if the screen is too small to display the full content.
- 1 Video
- 6 Hours
- 31 Problems
CSS Lists, Padding & Cursors
The goal of this session is to provide knowledge about properties like CSS Padding which is used to define the space between the element content and the element border. CSS Cursor which controls how the mouse cursor will look like when it is located over the element in which this property is set. CSS list which is used to specify the position of the list-item markers and how to create a button with icon and text field with icons using CSS
- 1 Video
- 6 Hours
- 31 Problems
CSS Charts, Media Types and Other Properties
This session will provide an insight about animation property like animation-name, animation-duration, animation-timing-function, animation-delay etc. The ‘video autoplay’ property which is used to play video automatically and <iframe> tag/ frameborder attribute which specifies whether or not to display a border.
- 1 Video
- 8 Hours
- 52 Problems
JavaScript for Beginners - Learn JavaScript from Scratch
ABOUT THE COURSE
In this course, you will learn how JavaScript works under the hood, and how that knowledge helps you avoid common pitfalls and drastically improve your ability to debug problems. This course follows a hands-on, example-driven approach to show and explain all the important features added to JavaScript. This course is perfect for anyone who wants to learn more about web development.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Gain familiarity with what JavaScript is, what it can do, and how it fits into a website.
- Understand Javascript Basics, Control Structures, Objects, Arrays, Strings, Functions, DOM Events, Error Handling and much more.
- Transform designs of problem solutions into Javascript Programming language.
- Write the code and execute programs on an IDE.
- Apply the testing techniques to find and resolve errors.
- Understand the different aspects of front end web development.
Course Content
JS Basics
In this module you will get full information about how JavaScript provide dynamic interactivity on websites. We'll show how to add some basic JavaScript functionalities to your page like printing a welcome message using Javascript, single and multiline comments using and //, changing a CSS property using JavaScript and also there will be some good programming practice tips throughout this module.
- 1 Video
- 7 Hours
- 30 Problems
JS Control Statements
Control statements which allows you to create scripts that can decide which lines of code are evaluated, or how many times to evaluate them. In ‘JS control statements’ you will get the knowledge about flow control in programs and also which will describes the use of if statement, if else statement, switch statement, while loop and the for loop etc..
- 1 Video
- 3 Hours
- 27 Problems
JS Objects, Number, Boolean
In this topic you will learn about objects, numbers and boolean. Javascript object is a collection of properties. Object properties are usually variables that are used internally in the object's methods, but can also be globally visible variables that are used throughout the page. The Number object represents numerical date, either integers or floating-point numbers. The Boolean object represents two values, either "true" or "false".
- 1 Video
- 3 Hours
- 25 Problems
JS Strings
String is an object that represents a sequence of characters which is used to store and manipulate the text. In this topic you will learn about string properties, methods, how to encrypt and decrypt text, ‘validating alphabets’ which is used to check whether the required field in the HTML form contains only letters, match and equal functions.
- 1 Video
- 7 Hours
- 30 Problems
JS Arrays
Arrays are a powerful and comprehensive tool of JavaScript which is used to store multiple values in a single variable. In this module you will get information about its properties, methods, merging arrays and validating duplicate events.
- 1 Video
- 6 Hours
- 29 Problems
JS Functions and Events
In this module you will get complete knowledge about javascript functions and events. In Js function you will learn how to define a function, adding parameters to it and about the return values. Events are an action which occurs when the user or the browser manipulates a page. In Js Events you will get to know about different type of events and how the event functions used in JavaScript.
- 1 Video
- 8 Hours
- 30 Problems
JS Date, Math, RegExp & Validations
The role of this topic is to give information about JS Date, Math, RegExp &Validations. In Date Object topic we will see about the retrieval of date and times, syntax to be used and its parameters. In RegExp &Validations we will learn about how well we can validate the fields inside a form.
- 2 Videos
- 6 Hours
- 44 Problems
JS DOM Events and Event Listeners
In this topic we can understand about where to use DOM events and Event Listeners and its working. HTML DOM events allow JavaScript to register different event handlers on elements in an HTML document. The addEventListener() method attaches an event handler to an element without overwriting existing event handlers.
- 1 Video
- 7 Hours
- 30 Problems
JS Error Handling
In this module you will learn about how to handle and fix errors on your websites, you will get full information about different types of statements like try, catch, throw and finally with simple programs to practice.
- 1 Video
- 5 Hours
- 26 Problems
JS Multimedia & Image Map
In JS Image maps you will get information about how an image on a web page that provides various links to navigate to other web pages or some sections of the same web page and also uses of different tags like ,
- 1 Video
- 8 Hours
- 29 Problems
Learn MongoDB : Leading NoSQL Database from scratch
ABOUT THE COURSE
MongoDB is a very popular NoSQL database that is fast and scalable. It is a document database which imposes very little and has drivers for many programming languages. This course will teach you how to get mongo running, manipulate and query data, index for speed, and arm you with the essential skills required to start using Mongo.COURSE OBJECTIVES
Upon the successful completion of this course, you will be able to- Understand Mongo as a data store
- Be comfortable with Mongo's query and update languages
- Work with the common use-cases and architectures of Mongo
- Use Mongo's built-in JavaScript interpreter
- Query Mongo using Mongo's JSON-based query language
- Index Mongo collections
- Handle data with Mongo's built-in MapReduce capabilities.
Course Content
MongoDB Overview,Environment setup and Data Modeling Create,Drop collection
In this module you will be exposed to MongoDB concepts needed to create and deploy a highly scalable and performance-oriented database. How to Install MongoDB on windows and Linux. How to create and drop a collections using MongoDB.
- 2 Videos
- 1 Hours
- 34 Problems
Data types, Insert,Update Delete Document
In this module, you will be exposed to concepts and key facts of documents of MongoDB.The document is the unit of storing data in a MongoDB database. document use JSON style for storing data. Documents are analogous to the records of RDBMS. Insert, update, and delete operations can be performed on a collection.
- 1 Video
- 3 Hours
- 37 Problems
Query Document without projection
In this module you will be exposed to query document from MongoDB Collection without projection.MongoDB provides the find() method to query documents within a collection.
- 1 Video
- 4 Hours
- 42 Problems
Query Document with projection
In this module you will be exposed to query document from MongoDB Collection with projection. In MongoDB, projection means selecting only the necessary data rather than selecting whole data of a document.
- 1 Video
- 4 Hours
- 39 Problems
Query Document with Sorting and Limit and Skip() records
In this module, you will be exposed to explore limit, skip and sort methods to operate on the documents present inside a collection of MongoDB.The 'limit ()' method is used to limit the records or documents present inside a collection.The 'skip ()' method is used to skip the number of documents.The 'sort ()' method is used to sort the documents inside a collection
- 1 Video
- 3 Hours
- 35 Problems
Aggregation Functions
In this module, you will be exposed to aggregate functions in MongoDB and you will be exposed to MapReduce to Speed Up Data Aggregation in MongoDB.Aggregations operations process data records and return computed results. Aggregation operations group values from multiple documents together, and can perform a variety of operations on the grouped data to return a single result.MapReduce is a common way while using big data. It’s a way to extract and aggregate from a huge dataset.
- 2 Video
- 6 Hours
- 50 Problems
Indexing,Replication and Sharding Connecting with Java
In this module, you will be exposed to Indexing, Sharding and how to set up MongoDB JDBC driver.An index in MongoDB is a special data structure that holds the data of few fields of documents on which the index is created.Sharding is the process of storing data records across multiple machines and it is MongoDB's approach to meeting the demands of data growth.
- 3 Videos
- 3 Hours
- 56 Problems
ExpressJS from Beginner to Advanced
ABOUT THE COURSE
Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. This course helps one to know about the concepts like routing, building API's, setup middleware to respond to HTTP Requests, connecting to MongoDB and many more.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Design a single-page, multi-page and hybrid web applications.
- Create a routing table which is used to implement different measures based on the HTTP method and URL.
- Create a REST API server.
- Allows you to create middleware modules which can be used to perform additional tasks on request and response.
- Render HTML Page based on passing arguments to templates.
- Assists you to create MongoDB to store data in a database.
Course Content
Introduction
ExpressJS is a Fast, unopinionated, a minimalist web framework for Node.js. Express is built in Google chrome V8 engine which was designed to increase the performance of JavaScript execution inside web browsers. Let's see a brief introduction of Express in this session.
- 1 Video
- 30 mins
- 8 Problems
Get Started With Express
In this module, we will be learning to install Node JS and ExpressJS in our workstation and getting it to run in the browser.
- 1 Video
- 3 Hours
- 15 Problems
Routing
The Express Router helps in the creation of route handlers. In this module, you will learn how to work with Express Router.
- 1 Video
- 5 Hours
- 28 Problems
Building API's
This module gives a cleared knowledge on REST API. They are resource-based interfaces. Actions such as Create, Read, Update, and Delete (commonly referred to as CRUD) are made against these resources using HTTP methods.
- 1 Video
- 6 Hours
- 34 Problems
Express Middleware
Middleware functions are functions that have access to the request object (req), the response object (res), and the next function in the application’s request-response cycle. Let's determine the functionality of middleware in detail.
- 1 Video
- 6 Hours
- 31 Problems
Using Templates
This session helps to know about the template engine which facilitates to use static template files in the applications. At runtime, it replaces variables in a template file with actual values and transforms the template into an HTML file sent to the client. This approach is preferred to design HTML pages easily.
- 1 Video
- 4 Hours
- 21 Problems
Connecting to MongoDB
Every web application needs a place to store its critical data, hence we use one of the most popular NoSQL databases - MongoDB. In this portion, we'll discuss how to share a MongoDB connection and to build complex models which implement your business logic.
- 1 Video
- 6 Hours
- 30 Problems
Cookies & Sessions
A user session can be stored in two main ways with cookies: on the server or on the client. This module explains to store the session data on the client within a cookie, while a module like express-session stores only a session identifier on the client within a cookie and stores the session data on the server, typically in a database.
- 1 Video
- 4 Hours
- 15 Problems
Learn Angular from Beginner to Advanced
ABOUT THE COURSE
This course will help you to gain a good understanding of Angular Framework without any knowledge on AngularJS. Fully understand the architecture behind an Angular 8 application and how to use it. Create single-page applications with one of the most modern JavaScript frameworks. This course will start from scratch with Installation, Workspace, Component and so on.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Design a single-page application by using Angular with Typescript
- Build the web application by creating Components, Directives and Templating and common angular directives like NgFor, NgStyle, NgIf, and NgSwitch.
- Understand standard pipes and building our own pipe.
- Build Angular Services using the HTTP module.
Course Content
Introduction
Welcome! In this module, you will learn about what and why of Angular. The benefits of using Angular for front end designing. Angular is a MVVM javascript framework to gear up single page applications. It is one way of building applications with reusable and modular code across all platforms.
- 1 Video
- 30 Mins
- 15 Problems
Workspace and file structure and ng commands
Any framework will contain a specific folder structure to store the files in an organized way. In this module, you'll learn about the directory structure of an Angular project and the different config files used to set up the project. Adding plugins and modules using package.json file and also the commands associated with it.
- 1 Video
- 30 Mins
- 15 Problems
Angular Architecture
The beauty of Angular lies in the fact that it provides easy access to create asynchronous events. In this module, you'll learn how Angular is architected and what are the basic building blocks of Angular, that takes you to build rich Single Page Application.
- 1 Video
- 20 Mins
- 15 Problems
Angular Components
By this time you'll be familiar with the overall idea of Angular, now its time to start building an application. In this module, you'll be exposed to creating a component which is a basic building block of any Angular project, adding variables and displaying them in HTML.
- 1 Video
- 1 Hour
- 18 Problems
Displaying data in Components
A component is useless until data is displayed on the HTML. You can display data by binding controls in an HTML template to properties of an Angular component. In this module, you'll create a component and display them in HTML using interpolation.
- 1 Video
- 2 Hours
- 24 Problems
Data Binding
Data from the component can be displayed by using property binding. In this module, you'll learn how to bind properties from the component in HTML page, template reference variable and also the different types of binding.(1-way binding and 2-way binding).
- 1 Video
- 2 Hours
- 22 Problems
Structural Directives
Mostly in any programming or scripting language, there will be a need to control the statement executed on a condition or in a repeated manner. Angular provides some inbuilt directives such as ngIf,ngFor,ngSwitch to control the data displayed on the HTML page. Structural directives change the DOM layout by adding and removing DOM elements.
- 1 Video
- 1 Hour
- 21 Problems
Attribute Directives
An Attribute directive changes the appearance or behavior of a DOM element. Attribute directives are used as attributes of elements. In this module, you will learn about the attribute directives NgModel,NgClass.
- 1 Video
- 1 Hour
- 19 Problems
Component Interaction
Once you start building an application in Angular you will come across a scenario where you need to transfer data from one Component to another. This is established by using some decorators like @Input. In this module, you'll learn about binding data from one component to another using @Input and @Output decorators, Event Emitters.
- 1 Video
- 3 Hours
- 22 Problems
Pipes
Using Angular pipes is a way to write display-value transformations that you can declare in your HTML. Every application starts out with what seems like a simple task: get data, transform them, and show them to users. Once data arrives you need to display them in a format for better user experience. For example in most use cases, users prefer to see a date in a simple format like April 15, 1988 rather than the raw string format Fri Apr 15 1988 00:00:00 GMT-0700. In those scenarios pipes come to rescue.
- 1 Video
- 2 Hours
- 21 Problems
Lifecycle Hooks
A component has a lifecycle managed by Angular. Angular creates and renders components along with their children, checks when their data-bound properties change and destroys them before removing them from the DOM. In this module, you'll learn about the lifecycle methods a component goes through.
- 1 Video
- 30 Mins
- 16 Problems
Angular Elements
Once you start creating a project you will find out that you are using a standard HTML template in various places. In those scenarios you can create a Custom HTML element and use everywhere rather using the HTML template.
- 1 Video
- 1 Hours
- 15 Problems
Promises and Observables
Observables are a key part of Angular which helps in Asynchronous function calling. It helps in loading the particular content in a HTML without loading the entire page which is much needed in Single Page Applications. In this module, you'll learn about promises,observables and how to implement them.
- 1 Video
- 4 Hours
- 25 Problems
Material Framework
Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science. Most of the modern web applications use material design. Angular has its own material design components. In this module, you'll learn to use the material framework API and some of the material components.
- 1 Video
- 3 Hours
- 25 Problems
Flex Layout
The flex layout helps in designing a flexible responsive layout structure. In this module, you'll learn about the different layout structures using flex and some of its style properties.
- 1 Video
- 1 Hour
- 18 Problems
Forms
Handling user input with forms is the cornerstone of many common applications. Applications use forms to enable users to log in, to update a profile, to enter sensitive information and to perform many other data-entry tasks. In this module, you'll learn about reactive forms and template-driven forms in detail.
- 2 Videos
- 3 Hours
- 24 Problems
DI and Services
In this module, you'll learn about creating a service and writing the application logic in a service. You will be learning about ngservice and injecting services.
- 1 Video
- 45 Mins
- 15 Problems
Local Data Store
In Angular application's there will be scenarios where the same data could be loaded in different components. Redux is used to create a common data store that can be used by all components in a page.
- 1 Video
- 2 Hours
- 15 Problems
Http Client
Most of the data in an angular application is retrieved from a HTTP client. In this module, you'll learn about making a HTTP call to the servers and display the data.
- 1 Video
- 4 Hours
- 21 Problems
Routing
The Angular Router enables navigation from one view to the next as users perform application tasks. This module will explain in detail about all the routing concepts associated with Angular.
- 1 Video
- 4 Hours
- 21 Problems
