https://github.com/antoniosertic23/course-project-bankist-dom

This repository contains the project "Bankist DOM" developed as part of The Complete JavaScript Course 2024: From Zero to Expert! course on Udemy. The main focus of this project is to demonstrate DOM manipulation techniques in JavaScript.
https://github.com/antoniosertic23/course-project-bankist-dom

bankist-app course-project css3 dom-manipulation es6 html5 javascript javascript-dom-manipulation vanilla-javascript

Last synced: 3 months ago
JSON representation

This repository contains the project "Bankist DOM" developed as part of The Complete JavaScript Course 2024: From Zero to Expert! course on Udemy. The main focus of this project is to demonstrate DOM manipulation techniques in JavaScript.

• Host: GitHub
• URL: https://github.com/antoniosertic23/course-project-bankist-dom
• Owner: AntonioSertic23
• Created: 2024-01-26T12:47:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-10T14:13:06.000Z (over 1 year ago)
• Last Synced: 2025-01-09T08:26:39.848Z (5 months ago)
• Topics: bankist-app, course-project, css3, dom-manipulation, es6, html5, javascript, javascript-dom-manipulation, vanilla-javascript
• Language: HTML
• Homepage:
• Size: 7.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bankist DOM Project - Udemy JavaScript Course

![Bankist DOM Project](img/bankist-dom-project.png)

## Description

This repository contains the project "Bankist DOM" developed as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) course on Udemy. The main focus of this project is to demonstrate DOM manipulation techniques in JavaScript.

## Features

- **Page Navigation & Tabbed Component:** Easily navigate through different sections of the application with tabbed interface.

- **Menu Fade Animation & Sticky Navigation:** Experience smooth menu animations and sticky navigation for seamless browsing.

- **Revealing Elements on Scroll:** Elements are dynamically revealed as you scroll through the page, enhancing user experience.

- **Lazy Loading Images:** Improve page loading speed by lazy loading images as they come into view.

- **Slider Component:** Enjoy interactive content with a customizable slider component.

- **And Much More:** Explore various other features and techniques implemented in the Bankist DOM project.

## Technologies Used

- HTML5 and CSS3 for the user interface.

- JavaScript for DOM manipulation.

- Vanilla JavaScript is used, without any libraries or frameworks.

- The project was developed following modern JavaScript practices and principles, including ES6 features.

## Getting Started

To run the Bankist DOM project, simply clone this repository to your local machine and open the `index.html` file in your web browser.

## Project Structure

The project follows a simple structure:

- `index.html`: The main HTML file for the project.

- `style.css`: The CSS file for styling the user interface.

- `script.js`: The main JavaScript file containing the application logic.

- `img`: A directory containing images used in the project.

## Credits

The Bankist project was created as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) course on Udemy, instructed by [Jonas Schmedtmann](https://www.udemy.com/user/jonasschmedtmann/). The design, code, and concepts are based on the course content.