Work with JavaScript

• JavaScript Tutorial beginner to advanced (Simple Note)
• JavaScript Problem Solving
• JavaScript Function parameter handle or error control.

Symple projects with JavaScript

• Calculator

Symple projects with HTML & Bootstrap

• soronika-convention
• niki-react

Symple projects with HTML & CSS

• protfolio-website
• support-session
• mission-2022
• menu-bar
• influencer-products

css-short-note

CSS Full meaning:

Cascading Style Sheets.

• Text Property:

  color, direction, letter-spacing, line-height, text-align, text-decoration, text-indent, text-shadow, text-transform, vertical-align, white-space, word-spacing.

• Measurement:

  height, max-height, min-height, width, max-width, min-width.

• Font:

  font, font-family, font-size, font-style, font-variant, font-width.

• List Property:

  list-style, list-style-type, list-style-position, list-style-image.

• Link:

  a:link, a:visited, a:hover, a:active.

• Background:

  background, background-color, background-image, background-repeat, background-attachment, background-position, background-size, background-origin.

• Border:

  border, border-width, border-radius, border-collapse, border-color, border-image, border-image-repeat, border-image-slice, border-image-outset, border-style.

• Display & visibility:

  display: none, inline, block, flex. visibility: visible, hidden.

• Position:

  static, fixed, relative, absolute. clip, cursor, overflow, z-index.

• Display:

  flex- flex-direction, flex-wrap, flex-flow, justify-content, align-item, align-content, order, flex-grow, align-self.

• Box:

  outline, margin, border, padding, content.

• Float & clear:

  Float: left, right, none, inherit. Clear: left, right, both, none.

• Selector:

universal, id, class, type, descendent, direct children, grouping.

• Pseudo classes & element Selector:

  pseudo class {property: value;} :link, :visited, :active, :hover, :focus, :first-letter, first-line, :first-child, :after, :before.

• Transitions:

  transition, transition-property, transition-duration, transition-timing-function, transition-delay.

• Transform:

  rotate, scale, skew, translate.

• Transform-origin:

  transform-origin:0% 0%;

• Animation:

  animation, animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state.

• Practice:

  Header, NavigationBar, Slider, Website Content, Card Design, Sidebar, Footer, Landing Page. Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field

• Navigational Components:

  breadcrumb, slider, search field, pagination, slider, tags, icons

• Informational Components:

  tooltips, icons, progress bar, notifications, message boxes, modal windows.