Fullstack

Development

4 Months & 8 Technologies

“Become a Fullstack developer”

Build your career with us!

www.schooloftechies.com
HTML & CSS

Introduction To Adding Images to Webpage

Web Technologies Adding image via HTML
Need of creating a website Adding background image
Technologies to learn and use of it Resizing images using CSS
Need of text editors (VS Code) Adjusting image position
Creating a Project in VS Code
Structure of HTML Working with links
HTML Tags/Elements & Attributes Creating links and attributes
Creating mail link
Working with Text Elements
Creating a website by
Heading Tags
linking pages
Paragraph tags
Formatting tags Types of list
Quotations & Comments Ordered list
Mark Tag, sup, sub, Progress, UnOrdered list
Iframe tag Definition list
Entities & References
Working with
Introduction to CSS Pseudo Classes
Types of CSS Link, Visited, Hover, Active
CSS Syntax nth-child
Applying CSS to text elements first-child, last-child
Adding class and Id
Working with Pseudo
Adding a Custom font
Elements
first-line
first-letter
before and after

www.schooloftechies.com
HTML & CSS

HTML5 Semantic
Styling Div Elements
Elements
Understanding Box Model in CSS
Article
Adding Padding and Margin
Aside
Adding Borders and Border Radius
Section
Applying Shadow props
Header
Working with outlines
Footer
Working with Position
Nav
Figure Applying Background Color
Figcaption Linear Gradient and Radial Gradiant
Summary Opacity
Overflow-x and Overflow-y
Working with
Multimedia Tags Working with image Sprites
Audio Importance of Flexbox
Video Flexbox props
Play with Tables Flex-direction
Understanding Rows & Columns Flex-flow
Creating a mock table Flex-wrap
Styling my Table Align content & Justify Content
Working with Rowspan Align Items
Working with Colspan
Creating Responsive
Understanding HTML Web Design
Element Types Media queries
Block Level Working with Animation
Inline element Working with Transition

www.schooloftechies.com
HTML & CSS

HTML & CSS helps us to create websites and web applications for desktop, tablet
and mobile devices and these modules are designed in a way that
it will be useful for interview and project purpose.

8 1.5hrs/ 2 1
Sessions session Projects Exam

Javascript
Javascript

Javascript – The BACKBONE Datatype and its functions

Introduction to Javascript String Functions
Code editors Number Functions
Developer console Math Object
Syntax & Statements Array Functions
Variables & DataTypes
Code structure DOM Manipulation
Type Conversions Add / Remove classes
Interaction: alert, prompt, confirm using Javascript
Working with Events
Understanding DOM
DOM Events
Changing HTML Elements using JS
Timer Events
Changing HTML Attributes using JS
Mouse & Keyboard Events
Changing CSS Styling using JS
Form Validation
JavaScript Fundamentals
Network requests
Conditional branching: if, '?'
Understanding AJAX
Switch Statements
Components of AJAX
Loops
XMLHttpRequest
Functions Basics
Working with Status Codes
Arrow functions, the basics
JSON Vs XML
Comments
Loading Mock data into UI
Advanced working with Designing e-commerce
functions & Objects layout using AJAX
Variable scope, closure
Objects
Object methods, "this"
Call/apply
Function Prototypes
www.schooloftechies.com
Javascript

Javascript is the backbone for web development. It helps us to create

interaction between computer and user, thus creating an engaging interface.
Its highly useful for building dynamic websites.

7 1.5hrs/ 2 1
Sessions session Projects Exam

jQuery

www.schooloftechies.com
jQuery

Need of jQuery Getters and Setters

Why jQuery is introduced?
Difference between-
Javascript & jQuery
How easy is jQuery?
Prerequisites for jQuery
Download jQuery library
CDN links
Need of noConflict
Get the DOM element value
Set the DOM element value
Adding an element
Removing an element
Working with addClass &
removeClass
Need of Callback
Use of Chaining

jQuery Traversing
Introduction
Ancestors – Bottom Up Approach
jQuery syntax
Descendants – Top Down Approach
Working with events
Siblings Selectors
Understanding selectors & Recap
jQuery Filter Methods
Program using jQuery and JS
Writing CSS using jQuery
AJAX using jQuery
How is it different from JS?
Animations using jQuery Building e-Commerce layout
Show/Hide jQuery UI discussion
Fade In/ Fade Out
Slide Up/Slide Down
Creating a Project
Animate
Small Application using jQuery
Practise programs

www.schooloftechies.com
jQuery

Onboarding sessions will help you to understand the course modules and
will help you to kick start your Designing course easliy.

7 1.5hrs/ 2 1
Sessions session Projects Exam

Bootstrap

www.schooloftechies.com
Bootstrap

Introduction to Bootstrap Cards

Need of learning Bootstrap Spinners and Tooltips
Download ready-to-use code Progress
Media Queries Vs Bootstrap Toasts & Alerts
What’s there and what makes it easy? Breadcrumb
Creating responsive templates Pagination
Adding Bootstrap to Project
Advanced BS
Grid System Layout Components:
Need of a container & Creating Carousel
container-fluid Popover
Bootstrap 3 Vs Bootstrap 4 Working with Modal
Understanding rows and columns Creating Navs & Tabs
Bootstrap Classes and Breakpoints Responsive Navbar
Auto layout Columns Collapse
Scrollspy
Bootstrap Content
Typography Creating a Responsive
Images Website
Tables Template Creation 1
Figures Template Creation 2
Forms

Bootstrap Components
Creating Buttons with contextual Classes
Badges & Labels

www.schooloftechies.com
Bootstrap

Bootstrap is useful for creating responsive front-end web development. We can

quickly design and customize websites with different terminologies availible in this
course. This cours contains CSS and JavaScript-based design templates for
typography, forms, buttons, navigation, and other interface components.

7 1.5hrs/ 2 1
Sessions session Projects Exam

React

www.schooloftechies.com
React

Getting Started with React Life Cycle Methods of React

Create a New React App Initializing Phase
Installing dependencies Mounting Phase
Understanding React Architecture Updating Phase
Running the project in localhost Unmounting Phase

Integrating with React Routing

Other Libraries Creating Route and Navlinks
Understanding Package.json
Installing Material UI React Fragments
Installing React Boostrap Need of fragments with example

Basic Concepts Handling Errors

Printing Statements from JSX Working with Error Boundaries
What are Components and
its types? Higher Order Components
Props Creating a common function
State and setState to share among multiple
components
React Forms
Working with forms and
Creating Context
form validation
Creating Context with
Provider and Consumer
Event Handling
Different ways of binding events

Working with Ref’s

Ref and forward ref’s

www.schooloftechies.com
React

Working with Axios Creating a Project POC

Handling HTTPS Requests React Project 1 from reactjs.org
Deriving data from API Hosting a React Proj using Netlify
and populate on UI

Introduction to React Hooks

Need of learning Hooks
Using the State hook
Using the Effect hook

Talking about React, It is actually the best library developed and maintained by
Facebook that mainly focuses on building and rendering components for a web
page. It is useful for creating web applications like Facebook, Instagram etc. React
will efficiently update your web page by rendering the right components. React is
most widely used by Facebook, Airbnb, Uber, Netflix, Instagram, Whatsapp, Dropbox.

15 1.5hrs/ 2 1
Sessions session Projects Exam

Angular

www.schooloftechies.com
Angular
Introduction to Angular
What is Angular JS?
Need of migrating to
Angular 2+
Current Version of Angular
and updates
Typescript Features
Getting Started with TypeScript
Working with tsc
TypeScript Features
TypeScript Classess
Function: Inferring the types
Interfaces
Generic Types
Generic Classes
Generic Constraints
Decorators
Property, Class, Parameter
Decorators
Exports
External Modules
Namespace & Mixins
Software Requirements
Setting up Environment
Creating first angular app
www.schooloftechies.com
Understanding Component
Basics of component
Component Decorator
Component Decorator details
Creating Components
Passing data to a Component
Responding to Component Events
Component Lifecycle
Advantage and limitations
of component
Data Binding in Angular
One Way & Two Way Data Binding
Understanding Modules
Angular Bootstrap Process
Forms in Angular
Two way data binding with ngModel
User Input
Form Controls in Angular
Controls and Control Groups
Form & NgForm
Validation & Error Handling
CSS-Forms
Dependency Injection in Angular Routing & Navigation
Dependency Injection Basic introduction to Router
Why dependency injection? Route configuration
Dependency Injection Usage RouteConfig,RouterLink,
Configuring the injector RouterOutlet
Injectable Decorators Child Routes
Dependency Injection Tokens
Services, Providers
Introduction to Directives Services in Angular
Attribute Directives Injecting the HeroService
Difference between Directives An Overview on Providers
and Components Example on Services
Create new Attribute Directives
Structural Directives Events in angular
Creating Structural Directives Event Emitter Class
Directive Metadata Emit Method & Next Method,
Directive Types Subscribe Method

Pipes Observables & RxJS

Chaining pipes Observables
Parameters in Pipe The RxJS Library
Custom Pipe Observables in Angular
Async Pipes Practical Usage
Built In Pipes

Angular, It is a JavaScript framework maintained by Google, which is client-side

and browser-based. It is actually like all in one framework unlike react. Angular is
basically built on TypeScript which is a superset of JavaScript. Even with Angular
we will get a very good support during our dev phase. Angular is used widely by
most popular brands like Google, Nike, Forbes, Upwork, General Motors, HBO, Sony.

15 1.5hrs/ 2 1
Sessions session Projects Exam

www.schooloftechies.com
Python
Core Python

Introduction
Tuple
History
Introduction
Features
Accessing tuples
Setting up path
Operations
Working with Python
Working
Basic Syntax
Functions and Methods
Variable and Data Types
Operator
Dictionaries
Introduction Accessing values
Conditional Statements
in dictionaries
If
Working with dictionaries
If- else
Properties
Nested if-else
Functions

Looping
Functions
For
Defining a function
While
Calling a function
Nested loops
Types of functions
Function Arguments
Control Statements
Anonymous functions
Break
Continue
Global and local variables
Pass
Modules
Importing module
String Manipulation
Math module
Accetssing Strings
Random module
Basic Operations
Packages
String slices
Composition
Function and Methods
www.schooloftechies.com
Input-Output Exception Handling
Printing on screen Exception
Reading data from keyboard Exception Handling
Opening and closing file Except clause
Reading and writing files Try ? finally clause
Functions User Defined Exceptions

Advance Python

OOPs concept Database

Class and object Introduction
Attributes Connections
Inheritance Executing queries
Overloading Transactions
Overriding Handling error
Data hiding
Networking
Regular expressions Socket
Match function Socket Module
Search function Methods
Matching VS Searching Client and server
Modifiers Internet modules
Patterns
Multithreading
CGI Thread
Introduction Starting a thread
Architecture Threading module
CGI environment variable Synchronizing threads
GET and POST methods Multithreaded Priority Queue
Cookies
File upload

www.schooloftechies.com
Python

Python is a programming language that is interpreted, interactive, object-orien-

tated. By nature, Python is easy, making it one of the fastest languages in terms
of development speed. For just about everything, Python has a wide range of
pre-built libraries. Due to its easy and clean syntax, Python code takes less time
to write, and accelerates the ROI of commercial projects.

15 1.5hrs/ 2 1
Sessions session Projects Exam

www.schooloftechies.com
Resume & Portfolio

Creating a Web Designer Resume

Hosting your websites using free servers

Creating Linked in acct

Freelancing tips

Interview tips & training

Mockup Interviews

Resume and Portfolio is must for a designer to get a job and also for
Freelancing.

3 1.5hrs/ 2
Mockup
Sessions session
Interviews

www.schooloftechies.com
 Benefits of learning at
School Of Techies

Experienced Mentors Regular Workshops At your own pace

Anytime Doubt Alumni Connect Placement Training

Clarification

Portfolio Assistance Freelance Training

www.schooloftechies.com
Here in this chart, our web design technologies occupies
1st, 2nd and 4th position in world ranking!

www.schooloftechies.com
Certificate

www.schooloftechies.com
FAQs

What are the merits of being a Full stack developer?

Based on the requirements of the project, a competent Full Stack developer is often
able to switch between front end and back end creation. Studies also found that a
Full Stack developer can get fresh technologies and tools up - to - date faster than
someone who only specializes in front end or back end technology.

What are their career possibilities?

Each project would require a user interface, and therefore, relative to any other
technology, the need for web developers and the necessary
job opportunities are plentiful.

How will this course will add value to my portfolio?

Since web development tools are commonly used in many projects regardless of
backend technology, qualification in these courses would have a huge benefit
during the recruiting process, and opportunities are large in numbers.

What are my options if I happened to miss a session?

No need to worry, another session or a recorded video of the
missing session will reward you.

Do I get schedule according to my requirement?

As our intention is to take this in a much more friendly way, absolutely yes.

www.schooloftechies.com
Here are our few testimonials from

Hi, I have finished my web designing course in this

Institute. The trainer was very co-operative making the subject a lot
easier to understand and very effective way of responding to doubts.
I am very well satisfied with the trainer and with their training. I thank
faculty for providing me the best training in web designing.
-Gayathri
Web Design & Development

I can say honestly that this is a good platform to enhance our Techni-
cal Skills. Personally,I liked the way in which the trainers approached
me and my batchmates. The mode of classes were also appreciable.
Another thing to be noted is that they make Class schedule according
to the learner's comfort. I am Grateful for my trainer for the journey
through which I learnt Web designing and Javascript.

-Hari
Web Design & Development

I have completed my web designing course. Thanks to faculty for

giving me clarity in subject and clearing all my doubts.It was a nice
experience altogether as i learnt practically a lot. I look forward to
get some more training in future. The faculty is very well experi-
enced. I really enjoy n i have finished my course
happily... Thank you Prasanna sir
-Julia
Web Design & Development

Call us now
Write to us
For more details

+91 88389 26094 | schooloftechies@gmail.com

www.schooloftechies.com