Java - FrontEnd - Assignment -2

 

Java - Frontend - Assignment -2

 

Category: HTML

  1. Create an HTML form that includes text inputs for first name, last name, and email address, along with a submit button.
  2. Implement an HTML5 video player with custom controls, including play, pause, mute, and volume controls.
  3. Build an HTML table that displays a list of students with columns for their names, ages, and grades. Apply alternating row colors.
  4. Create a responsive HTML layout with a header, sidebar, and content section. The sidebar should collapse into a hamburger menu on smaller screens.
  5. Design an HTML page that includes an embedded Google Map displaying a specific location.

Category: CSS

  1. Style a button to have a gradient background color that changes on hover.
  2. Create a CSS animation that makes an element move across the screen smoothly.
  3. Build a CSS-only slideshow that automatically transitions between images.
  4. Implement a sticky footer using CSS so that it remains at the bottom of the page, even if the content is shorter.
  5. Create a CSS grid layout that displays a gallery of images in a responsive grid with three columns.

Category: Bootstrap

  1. Use Bootstrap to create a responsive navbar with a logo on the left and menu items on the right. The menu should collapse into a hamburger menu on smaller screens.
  2. Implement a Bootstrap card deck that displays a set of cards in a grid layout with equal heights.
  3. Build a responsive Bootstrap carousel that displays testimonials with automatic slide transitions.
  4. Create a Bootstrap accordion component that expands and collapses content sections when clicked.
  5. Use Bootstrap's form validation classes to validate a form with inputs for name, email, and password.

Category: JavaScript

  1. Write a JavaScript function that checks if a given number is prime.
  2. Implement a function that calculates the factorial of a given number using recursion.
  3. Create a JavaScript program that generates a random password with a specified length.
  4. Build a countdown timer that starts from a given time and updates dynamically using JavaScript.
  5. Write a function that sorts an array of objects based on a specific property value.

Category: Miscellaneous (Combining HTML, CSS, Bootstrap, and JavaScript)

  1. Create a contact form using HTML, and apply custom styles using CSS. Use JavaScript to validate the form before submission.
  2. Implement a responsive image gallery using HTML, CSS, and Bootstrap. Add JavaScript functionality to allow users to filter images based on categories.
  3. Build a quiz application using HTML for the structure, CSS for styling, Bootstrap for layout, and JavaScript for the logic. Display questions one at a time and provide feedback on answers.
  4. Design a login page using HTML and CSS. Utilize Bootstrap components and add JavaScript validation for the form inputs.
  5. Create a calculator application with HTML for the layout, CSS for the styles, Bootstrap for the buttons, and JavaScript for the calculations.

 


Comments

Post a Comment

Popular posts from this blog

FrontEnd - FAQs - Part 1

  Front End FAQS – Part 1                                                                                                          HTML 1.         What is HTML? Answer : HTML (Hypertext Markup Language) is a markup language used to create and structure content for the web. HTML code consists of a series of tags that define different elements, such as headings, paragraphs, images, links, and more. HTML is the backbone of the web and is used...
Read more

Java Script - FAQs

Java Script FAQs   1.        What is JavaScript, and what are its features? Answer : JavaScript is a high-level, dynamic programming language that is primarily used for creating interactive web applications. It was first created in 1995 by Brendan Eich and has since become one of the most widely used programming languages in the world. Some of the features of JavaScript include: ·          Object-oriented programming: JavaScript is a highly object-oriented language and supports many of the features that are found in other object-oriented languages like Java and C++. This allows developers to create complex applications with a high degree of abstraction and modularity. ·          Dynamic typing: JavaScript is a dynamically typed language, which means that variables do not need to be declared with a specific data type before they are used. This makes it much easier for develo...
Read more

CoreJava - ClassesObjectsMethods - Assignment

Image
  CoreJava - ClassesObjectsMethods - Assignment Classes, Objects, Methods: 1.        Create a class called "Person" with instance variables for name, age, and gender. 2.        Create an object of the "Person" class and set its instance variables. 3.        Write a method in the "Person" class that prints out the person's name, age, and gender. 4.        Write a method that calculates the age of a person based on their birth year. 5.        Write a method that checks if a person is an adult (over 18 years old). 6.        Create a class called "Rectangle" with instance variables for length and width. 7.        Write a method in the "Rectangle" class that calculates the area of the rectangle. 8.        Write a method that calculates the perimet...
Read more