Department Events
WEB TECHNOLOGIES
This course helps students in designing websites/web applications using HTML, CSS and JavaScript. Students will develop necessary skills for entry into web development careers.
Learning Outcome | Learning and Teaching Strategies | Assessment Strategies-
|
|---|---|---|
The Students will: - CO16. Describe the principles of creating an effective web page using HTML 5, CSS and JavaScript. CO17. Implement advanced CSS properties such as dimensions, transition, positioning. CO18. [1] Apply external, internal and inline style sheets in the web pages. CO19. Develop visually appealing websites for different applications. CO20. Apply the concepts of scripting languages to build dynamic web pages. | Approach in teaching: Interactive Lectures, Discussion, Demonstration Learning activities: Self-learning assignments, Quiz activity, Effective questions, presentation, project development | Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation, Individual and group projects and peer review. |
HTML
Introduction to HTML 4 and HTML 5
- Heading, paragraphs, HTML Formatting, Quotations, comments, colors, images, tables, lists, block and inline elements
- HTML Links
- Semantic elements:<article>, <aside>, <figcaption>, <figure>, <footer>, <header>, <main>,<nav>, <section>, <summary>, <time>
- Introduction to HTML Forms: Form Object, Text element, Password element, Button element, submit button, reset button, Checkbox element, Radio element, Text area, Select and option element. New attributes for <input>: autofocus, form action, form method, form no validate, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step, input types, input attributes
- Introduction to HTML API: HTML Geolocation: Locate the User’s Position, Handling Errors and Rejections, Displaying the Result in a Map, HTML Drag/Drop: Making an Element Draggable
CSS
- Developing Style Sheets: inline, internal and external
- Styling Backgrounds, Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Margin, Outline, Transition: transition, transition-delay, transition-duration, transition-property.
- CSS Grouping/Nesting, Box Model CSS Dimension, CSS Display, CSS Positioning, CSS Floating, CSS Align, CSS Pseudo-class, CSS Pseudo-element, CSS Navigation Bar, CSS Image Gallery, CSS Image Opacity, CSS Attribute Selectors
JAVASCRIPT
- Comparison between client-side and server-side scripting.
- Data Types and Literals, creating variables, Operators (Arithmetic, Logical, Comparison, String and Assignment operator and special operators: delete, new and void) and Expressions in JavaScript. JavaScript Programming Constructs: Conditional checking (if-then-else statement), Loops (for loop and While loop).
- Thomas Powell, Fritz Schneider “JavaScript-The Complete Reference”, Tata McGraw Hill, Third Edition
- Dane Cameron, “HTML 5, Java Script and JQuery,Cisdal Publishing”; 2nd edition
- Ben Frain, “Responsive Web Design with HTML5 and CSS”,4th Edition,Packt Publishing
Suggested Reference Books
- James Jaworski,” Mastering JavaScript & JScript”, BPB Publications.
- Ivan Bayross,”HTML, Javascript, DHTML, and PHP”, BPB Publications.
E-Resources including links
- https://www.w3schools.com/html/
- https://www.w3schools.com/js/default.asp
- https://www.w3schools.com/css/default.asp
- https://spoken-tutorial.org/tutorial-search/?search_foss=HTML&search_language=English
- https://spoken-tutorial.org/tutorial-search/?search_foss=CSS&search_language=English
- https://spoken-tutorial.org/tutorial-search/?search_foss=JavaScript&search_language=English
