Scribd
Upload
56 views17 pages

Lect 0 CAP 774 1

CAP 774

Uploaded by

hemilab667
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
56 views17 pages

Lect 0 CAP 774 1

CAP 774

Uploaded by

hemilab667
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 17

CAP774-

STYLING AND SCRIPTING FOR


WEB
DEVELOPMENT

Lecture #0
The kick start session
Course details
• LTP – 3 0 2 [Three Lectures & Two Practicals /week]
• Credits-4

Text Book: HTML & CSS: THE COMPLETE REFERENCE by THOMAS

A. POWELL, Tata McGraw Hill, India

Reference Book: WEB ENABLED COMMERCIAL APPLICATION


DEVELOPMENT USING HTML, JAVA SCRIPT, DHTML AND PHP by IVAN

BAYROSS, BPB PUBLICATIONS


Revised Bloom’s Taxonomy
Course Outcomes

CO1 :: Apply the principles of creating effective and engaging web pages

CO2 :: Apply CSS box model and advance CSS concepts to enhance

webpage aesthetics

CO3 :: Examine the role of Java Script for creating Interactive web design

CO4 :: Determine proficiency in manipulating the DOM using JavaScript

CO5:: Construct a well styled interactive website using CSS and JavaScript

CO6:: Apply basic Git commands to manage local and remote repositories.
Program Outcomes
• PO1 Computational Knowledge : Apply knowledge of computing fundamentals, computing
specialization, mathematics, and domain knowledge appropriate for the computing specialization to
the abstraction and conceptualization of computing models from defined problems and
requirements.

• PO2 Problem Analysis : Identify, formulate, research literature, and solve complex computing
problems reaching substantiated conclusions using fundamental principles of mathematics,
computing sciences, and relevant domain disciplines.

• PO3 Design/Development of Solutions: Design and evaluate solutions for complex computing
problems, and design and evaluate systems, components, or processes that meet specified needs
with appropriate consideration for public health and safety, cultural, societal, and environmental
considerations.

• PO4 Conduct Investigations of Complex computing Problems: Use research-based knowledge


and research methods including design of experiments, analysis and interpretation of data, and
synthesis of the information to provide valid conclusions. Understand and commit to professional
ethics and cyber regulations, responsibilities, and norms of professional computing practice.

• PO5 Modern Tool Usage: Create, select, adapt and apply appropriate techniques, resources, and
modern computing tools to complex computing activities, with an understanding of the limitations.

• PO6 Professional Ethics :Understand and commit to professional ethics and cyber regulations,
responsibilities, and norms of professional computing practice
Program Outcomes
• PO7 Life-long Learning: Recognize the need, and have the ability, to engage in independent
learning for continual development as a computing professional.

• PO8 Project management and finance: Demonstrate knowledge and understanding of the
computing and management principles and apply these to one ’s own work, as a member and
leader in a team, to manage projects and in multidisciplinary environments.

• PO9 Communication Efficacy: Communicate effectively with the computing community, and
with society at large, about complex computing activities by being able to comprehend and write
effective reports, design documentation, make effective presentations, and give and understand
clear instructions

• PO10 Societal and Environmental Concern: Understand and assess societal, environmental,
health, safety, legal, and cultural issues within local and global contexts, and the consequential
responsibilities relevant to professional computing practice.

• PO11 Individual and Team Work: Function effectively as an individual and as a member or
leader in diverse teams and in multidisciplinary environments.

• PO12 Innovation and Entrepreneurship: Identify a timely opportunity and using innovation to
pursue that opportunity to create value and wealth for the betterment of the individual and society
at large.
Course Assessment Model
• Marks break up
Attendance 5
CAP 25
MTT 20
ETP 25
ETE 25

• Total 100
The course contents
Unit I

•HTML: Introduction : HTML introduction, HTML editors, HTML basics,


elements, attributes, headings, paragraphs, formatting, links, head, images,
tables, lists, blocks, layouts, forms, HTML entities, Semantic Elements, Canvas,
SVG

Unit II

•CSS: Advanced CSS : CSS Box model, outline, flexbox introduction, flexbox
properties, Designing Layout using Grid, grouping/nesting, dimension, display,
positioning, floating, align, pseudo-class, pseudo-element, navigation bar, image
gallery, image opacity, Image Sprites, Responsive Designs
The course contents
Unit III

JavaScript: Introduction: Syntax and Data Types: Variables, constants,


operators, and data types (string, number, boolean, object, array), Control
Structures: Conditional statements (if-else, switch) and loops (for, while, do-
while), Falsy Values, Template Literals

Unit IV

JavaScript: Asynchronous JavaScript: Functions: Declaration, invocation


and arrow functions, Variable Scope and Hoisting: Understanding the Execution
Context of JavaScript, variable scope and function hoisting, Asynchronous
JavaScript: Callbacks, Promises, and async/await
The course contents
Unit V

JavaScript: Document Object Model : DOM Tree Structure:


Understanding nodes and elements, Selecting and Manipulating Elements: Query
selectors, innerHTML, InnerText, textContent, and attributes, Creating and
Removing Elements: appendChild, removeChild, and related methods

Unit VI

Version Control with Git and GitHub : Basic commands, Repositories,


branching, merging, and collaboration workflows
Practical Applications of the Subject

• Learner can be able to Design a web page [Unit 1-2].

• Learner can able to style the web page [Unit 3-4].

• Learner can able to add dynamic behavior in web page[Unit 5-6].


Evaluation Criteria

• There will be 3 CA conducted


• Out of 3, best 2 will be counted
Skill set attainment
• Proficiency in HTML and CSS: Understanding of the basic
structure and syntax of HTML and CSS, including elements,
tags, and attributes.
• Web Development with JavaScript: Ability to access and
manipulate the Document Object Model (DOM) to
dynamically update content and styles.
• UI/UX Design Skills: Designing and implementing responsive
user interfaces using media queries and flexible layouts.
• Integration and Deployment: Using version control systems
like Git for managing code versions and collaboration.
MOOC

Basics of Web Development & Coding


Specialization
https://www.coursera.org/specializations/web-des
ign
Questions???

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy