Skip to content

bhubam/ACA18-1

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Training

This repository is for ACA mentees to learn basic HTML, CSS, JS and Git/GitHub.

Task 1

Deadline- 12th Feb
Request for homepage.
Details are provided here

Assignment 1

Its time for basic HTML

Deadline- 12th Feb
This is a basic tutorial for HTML
Other useful material
Assignment 1
You have to create a page which looks similar to the one provided above. And follow the below constraints.
name : Maximum 20 characters with only english alphabets and space
email should be of the form “[email protected]” where leftside may contain english alphabets only and rightside must end with a “.com” domain name
Message must be a textarea.

Assignment 2

Its time for basic CSS

Deadline- 14th Feb
This is basic tutorial for CSS
Other useful material: W3 schools
Assignment 2
You have to create a page which looks similar to the one provided above. And follow the below constraints.
a. name : Maximum 20 characters with only english alphabets and space
b. address: Maximum 100 characters
c. email should be of the form “[email protected]” where leftside may contain english alphabets only and rightside must end with a “.com” domain name
d. Mobile number is a 10-digit numeric value
e. Bank account number is a 5-digit numeric value
f. Bank password can be maximum 20 alphanumeric characters and should not be displayed when entered in the textbox.

Assignment 3

Part-1

Deadline- 6 March
You have to make an animation as shown in given images.

  • You have to make a big container and a smaller box inside that and a button.
  • Now your motive is to make a function that moves the inner block linearly such that it starts from upper-left corner(4th position), goes to positions 1,2,3,4 respectively and stops at 4th position.
  • Now execute the function when the button is pushed.


You can see an example here for reference.

Part-2

Deadline- 7 March
You have to implement a Password Strength Check.

  • There must be a form with only one input i.e password.
  • Now you must check for password strength. Compare words via edit distance against dictionary of common passwords. For ex - if password is a word in dictionary passworq must be termed as weak password.
  • You must show the password strength after every change in form input.
  • List of common passwords can b found here.

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%