BPLCK205A: Introduction to Web Programming syllabus ME Stream Chemistry Group 2022 Scheme (Programming Language Course-II)

Introduction to Web Programming detailed syllabus for ME Stream Chemistry Group for 2022 Scheme curriculum has been taken from the VTUs official website and presented for the ME Stream Chemistry Group students. For course code, course name, duration, number of credits for a course and other scheme related information, do visit full semester subjects post given below.

For ME Stream Chemistry Group 2nd Sem scheme and its subjects, do visit ME Stream Chemistry Group 2nd Sem 2022 Scheme scheme. For Programming Language Course-II scheme and its subjects refer to ME Stream Chemistry Group Programming Language Course-II syllabus scheme. The detailed syllabus of introduction to web programming is as follows.

Course Objectives:

Download the iStudy App for all Syllabus, QPs and other updates.

Teaching-Learning Process

These are sample Strategies, which teacher can use to accelerate the attainment of the various course outcomes and make Teaching -Learning more effective

1. Use https://pythontutor.com/visualize.html#mode=edit in order to visualize the operations of Javascripts
2. Chalk and talk
3. Onine demonstration
4. Hands on problem solving

Module 1:

Download the iStudy App for all Syllabus, QPs and other updates.

Module 2:

HTML5: Hello HTML5, Loose Syntax Returns, XHTML5, HTML5: Embracing the Reality of Web Markup, Presentational Markup Removed and Redefined, HTML5 Document Structure Changes, Adding Semantics, HTML5’s Open Media Effort, Client-Side Graphics with \

, HTML5 Form Changes, Emerging Elements and Attributes to Support Web Applications TextBook1: Chapter 2

Module 3:

Download the iStudy App for all Syllabus, QPs and other updates.

Module 4:

Tables and CSS, Links and Images Table Elements, Formatting a Data Table: Borders, Alignment, and Padding, CSS Structural PseudoClass Selectors, thead and tbody Elements, Cell Spanning, Web Accessibility, CSS display Property with Table Values, a Element, Relative URLs, Navigation Within a Web Page, CSS for Links, Bitmap Image Formats: GIF, JPEG, PNG, img Element, Responsive Images, Positioning Images, Shortcut Icon, iframe Element . TextBook2: 5.2 to 5.8, 6.2, 6.3, 6.6., 6.7, 6.9, 6.10, 6.12, 7.2 to 7.4

Module 5:

Download the iStudy App for all Syllabus, QPs and other updates.

Course Outcomes:

(Course Skill Set) At the end of the course the student will be able to:

1. Explain the historical context and justification for HTML over XHTML
2. Develop HTML5 documents and adding various semantic markup tags
3. Analyse various attributes, values and types of CSS
4. Implement core constructs and event handling mechanisms of JavaScript.

Programming Assignments:

1. Create an XHTML page using tags to accomplish the following:
   1. A paragraph containing text “All that glitters is not gold”. Bold face and italicize this text
   2. Create equation: x = 1/3(y2 + z2
   3. Put a background image to a page and demonstrate all attributes of background image
   4. Create unordered list of 5 fruits and ordered list of 3 flowers
2. Create following table using XHTML tags. Properly align cells, give suitable cell padding and cell spacing, and apply background color, bold and emphasis necessaryDepartment Semi SubjectA SubjectB SubjectC Sem2 SubjectE SubjectF SubjectG Sem3 SubjectH SubjectI SubjectJ
3. Use HTML5 for performing following tasks:
   1. Draw a square using HTML5 SVG , fill the square with green color and make 6px brown stroke width
   2. Write the following mathematical expression by using HTML5 MathML. d=x2-y2
   3. Redirecting current page to another page after 5 seconds using HTML5 meta tag
4. Demonstrate the following HTML5 Semantic tags- article, aside, details, figcaption, figure, footer, header, main, mark, section for a webpage that gives information about travel experience.
5. Create a class called income, and make it a background color of #0ff.Create a class called expenses, and make it a background color of #f0f. Create a class called profit, and make it a background color of #f00. Throughout the document, any text that mentions income, expenses, or profit, attach the appropriate class to that piece of text. Further create following line of text in the same document: The current price is 50? and new price is 40?
6. Change the tag li to have the following properties:
   • A display status of inline
   • A medium, double-lined, black border
   • No list style type

   Add the following properties to the style for li:

   • Margin of 5px
   • Padding of 10px to the top, 20px to the right, 10px to the bottom, and 20px to the left

   Also demonstrate list style type with user defined image logos

7. Create following web page using HTML and CSS with tabular layoutSign up today
8. Create following calculator interface with HTML and CSS
9. Write a Java Script program that on clicking a button, displays scrolling text which moves from left to right with a small delay
10. Create a webpage containing 3 overlapping images using HTML, CSS and JS. Further when the mouse is over any image, it should be on the top and fully displayed.

Suggested Learning Resources:

Download the iStudy App for all Syllabus, QPs and other updates.

Web links and Video Lectures (e-Resources):

https://onlinecourses.swayam2.ac.in/aic20_sp11/preview

Activity Based Learning (Suggested Activities in Class)/ Practical Based learning

• Develop simple GUI interfaces for a computer program to interact with users

For detailed syllabus of all the other subjects of ME Stream Chemistry Group 2nd Sem, visit ME Stream Chemistry Group 2nd Sem subject syllabuses for 2022 Scheme.

For all ME Stream Chemistry Group results, visit VTU ME Stream Chemistry Group all semester results direct link.