Java - Frontend - Assignment -1

 

 

Front End Assignment - 1

 

Category: HTML

  1. Create an HTML page with a heading displaying "Welcome to My Website" and a paragraph with the text "This is a sample paragraph."
  2. Create an HTML form that allows users to enter their name and email address. The form should have appropriate input types and labels.
  3. Create an HTML table with three columns: ID, Name, and Age. Populate the table with three rows of sample data.
  4. Implement an HTML5 video player with a custom control bar that includes play, pause, and volume controls.
  5. Create a dropdown menu in HTML that lists three different colors: red, green, and blue. When a color is selected, display a corresponding colored box on the page.

Category: CSS

  1. Style a div element to have a circular shape using CSS.
  2. Create a CSS animation that makes a button rotate continuously when hovered over.
  3. Create a responsive layout using CSS grid or flexbox that adjusts its columns based on the screen size.
  4. Implement a CSS-only navigation menu that changes its appearance when the user scrolls down the page.
  5. Style a paragraph to have a background gradient that transitions from one color to another.

Category: Bootstrap

  1. Use Bootstrap to create a responsive navigation bar with the following menu items: Home, About, Services, and Contact.
  2. Create a Bootstrap card component with an image, title, and description.
  3. Implement a Bootstrap modal that appears when a button is clicked and displays a form for user input.
  4. Build a Bootstrap carousel that displays a series of images with automatic slide transitions.
  5. Use Bootstrap's grid system to create a two-column layout with different content in each column.

Category: JavaScript

  1. Write a JavaScript function that takes two numbers as parameters and returns their sum.
  2. Implement a JavaScript countdown timer that starts from 60 seconds and displays the remaining time.
  3. Create a JavaScript function that generates a random password consisting of alphanumeric characters.
  4. Write a JavaScript program that calculates the factorial of a given number.
  5. Implement a JavaScript function that checks if a string is a palindrome.

 

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