MAY 2023

WEB DESIGNING
&DEVELOPMENT
CODETIME.IN PRESENTS

THIS COURSE IS DESIGNED BY

MUKESH SIR
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL
PROCESS
CODETIME.IN
Out aim to stimulate thought and efforts for 01
the dissemination, exchange and furtherance
of information, knowledge, research,
techniques, materials, aids, skills and attitudes
OBJECTIVE
in the field of training & development Learn How to make interactive
and responsive websites
CONTACT US
www.codetime.in
02
[email protected]
SYLLABUS
+91 97199 33003
HTML, CSS, JS, Frameworks
and many more...
Join Our Discord Channel Codetime.in

THE STUDENT
"I've never completed a course like this before 03
(online instruction) and I cannot express how
great the instructor was and the overall
DEVELOPMENT
content of the material. I would definitely
Web Applications and
recommend this to my co-workers as well as
Interactive Wesbites
friends. I will be looking into taking more of
these classes through CODETIME.IN in the near
future. Thank you!"
"Raghav Kumar"
04
OBJECTIVE
Brand Development
TESTING
Brand Marketing
Debuging, Testing,
Website Design and Development
implimentation, Deploy etc
Website Maintenance
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

WEB DEVELOPMENT
FUNDAMENTALS
Understand how websites work and how
HTML, CSS and JavaScript contribute.
Understand how the internet works.
Start coding with HTML, CSS, and JavaScript.
Learn and understand git, GitHub and
version control.
Use the Unix command line to become a
power user and write bash commands.
Learn key troubleshooting and debugging
skills to apply to your projects

HTML 5
Learn the anatomy of HTML syntax to
structure your websites.
HTML
Understand the HTML boilerplate and HTML
doctypes.
How to structure text in HTML.
How to structure HTML lists to create
unordered and ordered lists.
How to insert images using HTML How to
create hyperlinks using anchor tags.
Understand how to use HTML tables for
content.
How to use tables for layout. Learn HTML
best practices.
Understand about HTML forms and create a
simple contact me form.
HTML Divs and how to separate content for
CSS styling
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

CSS 3
Understand what are cascading style sheets
and how you can use it to style your
website.
How to use CSS selectors and properties.
Learn about how to use inline, internal and
external CSS.
Understand CSS coding best practices.
Learn about CSS sizing methods.

CSS
Learn the anatomy of CSS syntax and
structure.
CSS specificity and implementing style
hierarchy.
Class vs. Ids and how to target each.
CSS display and how to implement layout.
How to use CSS static, relative and absolute
positioning systems.
Font styling using CSS and web safe fonts.
Centering elements using CSS.
Website design fundamentals and
typography.
How to use CSS float and clear.
How combine CSS selectors and understand
selector priority.
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

BOOTSTRAP 4
Learn the fundamentals of implementing
responsive web design.
How to use Balsamiq to mockup and
wireframe websites.
The fundamentals of UI design for websites.

BS 4
How to install the Bootstrap framework.
Understanding the Bootstrap grid layout
system.
How to use bootstrap containers to layout
your website easily.
Learn to use other Bootstrap components
such as buttons.
Adding symbols using Font Awesome.
Learn to use Bootstrap carousels.
Add Bootstrap cards to your website.
Using Bootstrap navigation bars.

JAVASCRIPT ES6
The Fundamentals of Code Starting code
with alerts and prompts. Understand
Variables and Data Types in JavaScript
Variable naming in JS Working with strings

J S ES6
and numbers Randomisation and logical
operators Loops, collections and
Conditionals.
Functions and invocation patterns
Discussion of ECMA Scripts Intermediate
JavaScript Learn to use JS Expressions,
Operators, Statements and Declarations
Object-Oriented Programming JS Objects
and Prototypes `This`, Scope and Closures
Objects and Prototypes Refactoring and
Debugging
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

DOM (DOCUMENT OBJECT

MODEL)
Learn the tree structure of HTML based

DOM
websites.
Traverse through the document using
object notation.
Separation of concerns and coding best
practices.
Manipulate and change the HTML elements
using your understanding of the DOM.

JQUERY
Installing and using the jQuery framework.
Learning about jQuery functionality
Introduction to functions in jQuery

JQ
Manipulating text, styles and attributes
with jQuery
Create animations and customisations with
jQuery
Use your jQuery knowledge to make your
website interactive
Responding to user initiated events with
jQuery

THE UNIX COMMAND LINE

How to use basic bash commands in a
Unix/Linux Terminal.
How to manipulate files and folders without
needing a graphical user interface.
How to download and install to your
computer using command line.
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

GIT GITHUB AND VERSION

CONTROL
Using git for version control and

GI T
collaboration
Git forking, branching and cloning
Using GitHub as a remote repository
Checkout and rolling back changes with git
Using git and GitHub with Xcode

NODE.JS
Explore the components of back-end
development, working with an MVC
framework
Apply concepts like data types, objects,
methods, object-oriented programming,

NODE
and classes in the context of back-end
development.
Server-Side JavaScript
Using Node on the command line
NPM
JavaScript Build Processes
Event Loop and Emitters
File System Interaction
Modules
Native Node drivers

EXPRESS.JS

EX. JS
Understand how to install and use express
in Node applications
Creating Node and Express based servers
RESTful Routing with Express
Understand and use middleware for Node
applications
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

APPLICATION PROGRAM
INTERFACE
Understand what APIs are and how they

API
work.
HTTP in Depth
Calling APIs
Reading API documentation
Basic API Authentication
Server to server communication
JSON vs. XML, sending data over the wire.

E JS
Understand what EJS does and how to use it
with Node and Express.
Templating with EJS

E JS
Running code in EJS templates
Passing data from server to template and
vice versa
Creating layouts/partials with EJS

DATABASE FUNDAMENTALS
Data Relationships
Designing a Data Model
Relational Databases
Alternative Databases
Entity Relationship Modelling (ERM) and
Object Relational

DB
Mapping (ORM)

SQL DATABASE
Working with Database Schemas
Create-Read-Update-Destroy (CRUD)
Database Joins
Querying SQL databases
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

NOSQL DATABASES WITH

MONGODB AND MANGOOSE
Serialization

R- API
How to model NoSQL data
Document Databases (MongoDB)
Create-Read-Update-Destroy (CRUD)
NoSQL Best Practices
Mongo Shell and command line use
Installing MongoDB
Mapping relationships with MongoDB
Using an object-data modelling library
(Mongoose) to work easily with your data.

DEPLOYMENT
Understand hosting and deployment.
Hosting static websites with GitHub Pages.
Deploying server based applications with
Heroku.
Deploying Databases with Mongo Atlas.

BUILDING RESTFUL APIS

Understand REST and guiding principles
behind API design.
Learn to work with a MongoDB GUI Robo 3T
Implementing GET, POST, PUT, PATCH and
DELETE by creating a public API from
scratch.
Understand and use chained route handlers
from Express.
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

AUTHENTICATION AND
SECURITY
Understand the need for authentication and
keeping user details secure.
Learn about Encryption and use encryption
to keep your database secure.
Learn and implement Hashing and Salting
with bcrypt
Using Sessions and Cookies to persist user
log in sessions.
Setting up local authentication from
scratch.
Implementing Passport to authenticate

REACT
users quickly and effectively.
Understand and use environment variables
to keep secret keys secure.
Understand and use OAuth 2.0 to log in
users using Google and Facebook.

REACT.JS
Learn front-end development with React.
Understand when and how to use React
Components.
Learn to pass Props and work with them.
Learn to write JSX and understand JSX
syntax.
Learn about the React DOM.
Learn State Management in React.
Learn about React Hooks.
Learn about conditional rendering in React.
Understand the difference between class
and functional components.
CODETIME.IN - LEARNWITHEXPERTS

SYLLABUS
SYLLABUS
DETAIL THE COMPLETE
WEBDEVELOPMENT

JAVASCRIPT ES6
Arrow Functions
Map/Filter/Reduce
Find/FindOne/FindIndex
Import/Export and Modules
Object and Array Destructuring
Spread Operator

WEB3 BASICS AND

BLOCKCHAIN DEVELOPMENT
Understand Web3 and blockchain
development.
Understand a Canister

WEB3
Understand a Motoko actor

DEPLOY YOUR CV WEBSITE ON

TO A BLOCKCHAIN
Set up a cycles wallet
Obtain free cycles from Dfinity
Understand how to manage the cycles
balance of a canister
Build and deploy a static, personal CV
website to the Internet Computer
Check how many cycles were used