Syllabus
Exercise - 1:
- 1a. Write a HTML program, to explain the working of lists.
Note: It should have an ordered list, unordered list, nested lists and ordered list in an unordered
list and definition lists.
- 1b. Write a HTML program, to explain the working of hyperlinks using tag and href, target Attributes.
- 1c. Write a HTML program, in such a way that, rather than placing large images on a page, the
preferred technique is to use thumbnails by setting the height and width parameters to something
like to 100*100 pixels. Each thumbnail image is also a link to a full sized version of the image.
Create an image gallery using this technique
Exercise - 2:
- 2 a&b. Write a HTML program, to explain the working of tables by preparing a timetable. (Note: Use
tag to set the caption to the table and also use cell spacing, cell padding, border,
rowspan, colspan etc.)..
- 2c. Write a HTML program, to explain the working of forms by designing Registration form. (Note:
Include text field, password field, number field, date of birth field, checkboxes, radio buttons, list
boxes using <select>&<option> tags, <text area> and two buttons ie: submit and reset. Use tables
to provide a better view).
- 2d. Write a HTML program, to explain the working of frames, such that page is to be divided into 3 parts on either direction. (Note: first frame image, second frame paragraph, third frame, hyperlink. and also make sure of using "no frame " attribute such that frames to be fixed.)
Exercise - 3:
- 3 a) Write a HTML program, that makes use of article, aside, figure, figcaption,
footer, header, main,nav, section, div, span tags..
- 3 b) Write a HTML program, to embed audio and video into HTML web page.
- 3 c) Write a program to apply different types (or levels of styles or style specification formats)
inline, internal, external styles to HTML elements. (identify selector, property and value)..
Exercise - 4: Selector forms
- 4 a) Write a program to apply different types of selector forms
i. Simple selector (element, id, class, group, universal).
- 4 b) Write a program to apply different types of selector forms
ii. Combinator selector (descendant, child, adjacent sibling, general sibling)
iii.Pseudo-class selector.
- 4 c) Write a program to apply different types of selector forms
iv. Pseudo-element selector
v. Attribute selector
Exercise - 5: CSS with Color, Background, Font, Text and CSS Box Model
- 5 a) Write a program to demonstrate the various ways you can reference a color in CSS.
- 5 b) Write a CSS rule that places a background image halfway down the page, tilting it
horizontally. The image should remain in place when the user scrolls up or down.
- 5 c) Write a program using the following terms related to CSS font and text:
i. font-size ii. font-weight iii. font-style
iv. text-decoration v. text-transformation vi. text-alignment
- 5 d) Write a program, to explain the importance of CSS Box model using
i. Content ii. Border iii. Margin iv. padding
Exercise - 6: Applying JavaScript - internal and external, I/O, Type Conversion
- 6 a)Write a program to embed internal and external JavaScript in a web page.
- 6 b)Write a program to explain the different ways for displaying output.
- 6 c)Write a program to explain the different ways for taking input.
- 6 d)Create a webpage which uses prompt dialogue box to ask a voter for his name and age. Display
the information in table format along with either the voter can vote or not.
Exercise - 7: Java Script Pre-defined and User-defined Objects
- 7 a)Write a program using window object properties and methods.
- 7 b)Write a program using array object properties and methods.
- 7 c)Write a program using math object properties and methods.
- 7 d)Write a program using string object properties and methods.
- 7 e)Write a program using regex object properties and methods.
- 7 f)Write a program using date object properties and methods..
- 7 g)Write a program to explain user-defined object by using properties, methods, accessors,constructors and display.
Exercise - 8: Java Script Conditional Statements and Loops
- 8 a)Write a program which asks the user to enter three integers, obtains the numbers from the
user and outputs HTML text that displays the larger number followed by the words
“LARGER NUMBER” in an information message dialog. If the numbers are equal, output
HTML text as “EQUAL NUMBERS”.
- 8 b)Write a program to display week days using switch case.
- 8 c)Write a program to print 1 to 10 numbers using for, while and do-while loops.
- 8 d)Write a program to print data in object using for-in, for-each and for-of loops
- 8 e)Develop a program to determine whether a given number is an ‘ARMSTRONG
NUMBER’ or not. [Eg: 153 is an Armstrong number, since sum of the cube of the digits is
equal to the number i.e.,13 + 53+ 33 = 153]
- 8 f). Write a program to display the denomination of the amount deposited in the bank in terms
of 100’s, 50’s, 20’s, 10’s, 5’s, 2’s & 1’s. (Eg: If deposited amount is Rs.163, the output
should be 1-100’s, 1-50’s, 1- 10’s, 1-2’s & 1-1’s)
Exercise - 9: Java Script Functions and Events
- 9 a)Design a HTML having a text box and four buttons named Factorial, Fibonacci, Prime,
and Palindrome. When a button is pressed an appropriate function should be called to
display
i. Factorial of that number
ii. Fibonacci series up to that number
iii. Prime numbers up to that number
iv. Is it palindrome or not
- 9 b). Write a program to validate the following fields in a registration page
i.Name (start with alphabet and followed by alphanumeric and the length should
not be less than 6 characters)
ii. Mobile (only numbers and length 10 digits)
iii. E-mail (should contain format like xxxxxxx@xxxxxx.xxx)
i. Simple selector (element, id, class, group, universal).
ii. Combinator selector (descendant, child, adjacent sibling, general sibling)
iii.Pseudo-class selector.
iv. Pseudo-element selector
v. Attribute selector
i. font-size ii. font-weight iii. font-style
iv. text-decoration v. text-transformation vi. text-alignment
i. Content ii. Border iii. Margin iv. padding
i. Factorial of that number ii. Fibonacci series up to that number iii. Prime numbers up to that number iv. Is it palindrome or not
i.Name (start with alphabet and followed by alphanumeric and the length should not be less than 6 characters) ii. Mobile (only numbers and length 10 digits) iii. E-mail (should contain format like xxxxxxx@xxxxxx.xxx)
Excellent Article.Thanks for sharing this post
ReplyDeleteMendix Training
Mendix Online Training
Mendix Online Training Course
Mendix Training in Ameerpet
Mendix Online Certification Course
Mendix Online Training in Hyderabad
Mendix Online Training Institute in Hyderabad
Mendix Training in Chennai
Mendix Training in Bangalore
Mendix Training in India
Mendix Course in Ameerpet
This is a great post! Full Stack Development online courses provide an excellent opportunity to master both front-end and back-end technologies. Staying updated with the latest frameworks and tools is essential in today’s tech-driven world. Thanks for sharing this valuable insight.
ReplyDeleteGreat post! I really enjoyed reading it. You explained everything so clearly and made it easy to understand. Looking forward to more posts like this!
ReplyDeleteReally an informative content. Thanks for sharing with us. Your blog helps for me to know more updated information's. Keep sharing more informative content like this.
ReplyDeleteGenerative AI Services
Product Engineering Services
Data Modernization Services
Data Analytics Services
Very good information. Thanks for sharing valuable information with us. Keep sharing .Fore More :-
ReplyDeletefull stack python training in madhapur
This Blog Is Very Interesting .More Informative.Thanks For Sharing.
ReplyDeleteFull Stack Course in Chennai
Full Stack Developer Training in Chennai
Full Stack Developer Course in Chennai
Full Stack Developer Training In Chennai With 100% Placement
Learn Full Stack Development Course in Chennai
Full Stack Developer course in Chennai fees
Best institute for Full stack development course in Chennai
Full Stack Developer course in Chennai with placement
Top 10 Full Stack Developer Course in Chennai
Full Stack Developer training institutes in Chennai
Full stack course in Chennai price
Full Stack Developer Course in Chennai Online
Python Full Stack Training Course in Chennai
Python Full Stack Developer Course in Chennai
Python Full Stack Development Course in Chennai
Online Python Full Stack Training in Chennai
Full Stack Python Certification Course in Chennai
Python Full Stack Web Development Course in Chennai
Best Python Full Stack Course in Chennai
Python Full Stack Training With Placement in Chennai
Python Full Stack Web Development Certification in Chennai
Full Stack Python Training Chennai
Learn Python Full Stack Development in Chennai
Online Full Stack Python Course Chennai
Python Full Stack Development Program in Chennai
Python Full Stack Online Training in Chennai
Full Stack Python Development Course Chennai With Certification
Python Full Stack Developer Online Course in Chennai
Python Full Stack Training Chennai With Job Support
Full Stack Python Program With Placement in Chennai
Python Full Stack Course for Beginners in Chennai
Online Python Full Stack Developer Certification Chennai
Best Full Stack Python Developer Program Chennai
Python Full Stack Training Chennai With Certification
Python Full Stack Development Course Online Chennai
Python Full Stack Developer Certification Training Course
Python Full Stack Training Course Near Me
Python Full Stack Development Training Course in Chennai
Best Python Fullstack Development Course in Chennai