10+ HTML CSS and JS Financial Web Apps - Front-End Web Dev

9.55 GB | 37min 26s | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English

Files Included :
1 Introduction.mp4 (34.56 MB)
1 11-01-App presentation.mp4 (19.38 MB)
10 11-10-Add Stocks to LocalStorage.mp4 (109.66 MB)
11 11-11-Display Stock Portfolio.mp4 (157.76 MB)
12 11-12-Edit and Delete Stocks from the Portfolio.mp4 (91.84 MB)
13 11-13-Add investment to list and dinsplay list.mp4 (139.92 MB)
14 11-14-Edit and Delete investments from the list.mp4 (109.93 MB)
15 11-15-Analyse Gain Loss Retunr.mp4 (73.67 MB)
16 11-16-Create and Show Custom Pie Chart.mp4 (128.01 MB)
17 11-17-Save Investment data to a CSV file.mp4 (65.72 MB)
2 11-02-General setup and folder structure (HTML, CSS, JS).mp4 (15.2 MB)
3 11-03-Investment Container HTML Markup.mp4 (50.15 MB)
4 11-04-Style main App and add CSS variables.mp4 (98.35 MB)
5 11-05-Style the investment container.mp4 (70.73 MB)
6 11-06-Create HTML Markup and CSS Style for Adding Stoks.mp4 (44.33 MB)
7 11-07-Create Portfolio HTML Markup and CSS Style.mp4 (86.13 MB)
8 11-08-Create and Style the Portfolio analysis section.mp4 (81.83 MB)
9 11-09-Utility functions showAlert and formatNumbers.mp4 (66.1 MB)
1 12-01-App presentation.mp4 (11.61 MB)
10 12-10-Display chart entries with colors and percentages.mp4 (94.78 MB)
11 12-11-Save load and clear all entries from the list.mp4 (44.47 MB)
12 E12-12-Display only icons on Mobile devices.mp4 (17.55 MB)
13 12-13-Export to HTML and PDF.mp4 (98.69 MB)
2 12-02-General setup and folder structure (HTML, CSS, JS).mp4 (11.36 MB)
3 12-03-HTML section structure and gerenal CSS style for the app.mp4 (47.09 MB)
4 12-04-Entries form HTML Markup and CSS Style.mp4 (78.02 MB)
5 12-05-Summary table HTML Markup and CSS Style.mp4 (63.36 MB)
6 12-06-Entries List HTML Markup and CSS Style.mp4 (82.28 MB)
7 12-07-Get DOM Elements and add event-listeners.mp4 (40.42 MB)
8 12-08-Change the input color when the user selects a type mp4.mp4 (23.97 MB)
9 12-09- Add, delete and display antries in the list.mp4 (94.21 MB)
1 ES6 Crash course with project.mp4 (677.12 MB)
1 Section overview.mp4 (44.14 MB)
10 Add event listeners to the input.mp4 (22.47 MB)
11 Add event listeners to the form.mp4 (37.76 MB)
12 Create variables and calc the discount.mp4 (36.37 MB)
13 Change the quant using the buttons.mp4 (27.71 MB)
14 Handle the form submit.mp4 (20.3 MB)
15 Calculate the final including the discount.mp4 (26.09 MB)
16 Out the result to the DOM.mp4 (38.85 MB)
17 Style the output and result.mp4 (25.76 MB)
18 Refactor the code.mp4 (55.66 MB)
2 Setup your code space.mp4 (16 MB)
3 Create index html file and add basic HTML tags.mp4 (44.05 MB)
4 Add id's classes and props to HTML Tags.mp4 (52.68 MB)
5 Create style css.mp4 (82.97 MB)
6 Create CSS variables.mp4 (18.68 MB)
7 Style the form.mp4 (28.56 MB)
8 Style Table Buttons and input.mp4 (46.19 MB)
9 Create a jаvascript file.mp4 (38.61 MB)
1 App presentation.mp4 (10.24 MB)
10 Style and add the alert component to the DOM.mp4 (40.94 MB)
11 Check validation & Show the result (html only).mp4 (27.87 MB)
12 Style the result.mp4 (61.1 MB)
13 Create the `checkCreditScore` function.mp4 (54.75 MB)
14 Remove the result and recheck the credit score.mp4 (61.1 MB)
15 Create the responsive design for mobile, tablet and desktop devices.mp4 (23.28 MB)
2 General setup and folder structure.mp4 (7.05 MB)
3 Create the HTML markup.mp4 (30.61 MB)
4 Create the CSS styles `credit-score` form.mp4 (50.82 MB)
5 DOM elements module and global variables.mp4 (43.57 MB)
6 Form submission & validation parameters.mp4 (17.66 MB)
7 Create a validation module.mp4 (14.76 MB)
8 Validate input value & type.mp4 (27.95 MB)
9 Create the alert component module.mp4 (41.03 MB)
1 Section overview.mp4 (1.94 MB)
2 Course structure.mp4 (5.19 MB)
3 Required software.mp4 (69.07 MB)
4 Folder structure & boilerplate.mp4 (113.12 MB)
4 1 E02-04-Folder structure & boilerplate.mp4 (339.21 MB)
5 Course resources and repository.mp4 (35.63 MB)
5 1 00-boileplate.zip (2.88 KB)
1 App presentation.mp4 (16.89 MB)
10 Create CSS components structure.mp4 (27.12 MB)
11 CSS App variables.mp4 (20.37 MB)
12 Style the App container.mp4 (54.07 MB)
13 Style the World Map.mp4 (27.37 MB)
14 Style the simple currency convertor.mp4 (51.37 MB)
15 Style the world currencies convertor.mp4 (55.49 MB)
2 General setup and resources.mp4 (10.98 MB)
3 HTML markup and basic styles.mp4 (90.12 MB)
4 Add the World Map SVG using jаvascript.mp4 (30.83 MB)
5 Simple currencies convertor using jаvascript & exchange rate API.mp4 (94.31 MB)
6 Get the exchange rate from using the fetch API.mp4 (76.05 MB)
7 Get all countries from the World map.mp4 (123.55 MB)
8 Display the selected country's currency and all conversion rates.mp4 (90.18 MB)
9 Add search functionality to the currency list.mp4 (53.71 MB)
1 App presentation.mp4 (11.9 MB)
10 Display standard deduction based on status.mp4 (32.49 MB)
11 Style and Add the alert component to the DOM.mp4 (34.3 MB)
12 Display standard deduction based on status.mp4 (32.45 MB)
13 Calculate the income tax based on the tax brackets.mp4 (92.55 MB)
14 Style the result component.mp4 (52.28 MB)
15 Close results and reset all values.mp4 (28.13 MB)
2 General setup and folder structure.mp4 (19.56 MB)
3 Create the HTML markup.mp4 (56.23 MB)
4 Create `style css` and import `variables css` files.mp4 (19.41 MB)
5 Create `global css` style.mp4 (76.65 MB)
6 Create and Style the `form css` file.mp4 (125.3 MB)
7 Create the main app js and get DOM elements module with global variables.mp4 (33.67 MB)
8 Add event listener to the `calculate-button` & get the input values.mp4 (21.83 MB)
9 Validate input and add alert component.mp4 (29.59 MB)
1 App presentation.mp4 (17.38 MB)
10 Handle labels error and success with`handleLabel js`.mp4 (98.32 MB)
11 Calculate and display retirement savings.mp4 (62.91 MB)
12 Get calculated values for the table.mp4 (51.63 MB)
13 Check for successful calculations of the retirement.mp4 (35.5 MB)
14 Display and style the table component.mp4 (61 MB)
15 Create and add a new row element.mp4 (73.92 MB)
16 Clear the input fields and hide the results.mp4 (37.02 MB)
17 Delete a row from the table.mp4 (52.76 MB)
2 General setup and folder structure.mp4 (13.26 MB)
3 Create the HTML markup.mp4 (51.16 MB)
4 Create `global css` and `variables css` style.mp4 (62.41 MB)
5 Style the `calculator-container css` file.mp4 (91.88 MB)
6 Style global `btn css` file.mp4 (30.42 MB)
7 Add onclick to the `calculateBtn` & get the input values.mp4 (53.69 MB)
8 Validate each individual input.mp4 (62.42 MB)
9 Create and Style the alert component in `alert css` and `showAlert js`.mp4 (85.62 MB)
1 07-01-App presentation.mp4 (80.34 MB)
2 07-02-General setup and folder structure.mp4 (29.47 MB)
3 07-03-Create the HTML markup.mp4 (38.27 MB)
4 07-04-Create short-news section.mp4 (46.99 MB)
5 07-05-Create stocks crypto and forex maps section.mp4 (97.13 MB)
6 07-06-Create detailed analytics section.mp4 (70.03 MB)
7 07-07-Style the side navigator.mp4 (85.04 MB)
8 07-08-Toggle maps and detaild chart mp4.mp4 (119.26 MB)
1 App presentation.mp4 (18.16 MB)
10 Manage the ADD button click event.mp4 (47.59 MB)
11 Calculate total the budget.mp4 (42.77 MB)
12 Calculate the total per category.mp4 (94.64 MB)
13 Create and Style the Alert components.mp4 (169.55 MB)
14 Update the budget list and add to category.mp4 (96.55 MB)
15 Remove elements form the budget list.mp4 (36.12 MB)
16 Edit elements from the budget list.mp4 (56.2 MB)
17 Save and load data from local storage.mp4 (74.45 MB)
18 Clear budget list when requested.mp4 (30.33 MB)
2 General setup and folder structure (HTML, CSS, JS).mp4 (24.23 MB)
3 Create the HTML markup for app-container, header and inputs-container.mp4 (73 MB)
4 08-04-Create `main css`, `variables css` and the `app-container css`.mp4 (44.91 MB)
5 Create and styles the `btn css` components.mp4 (45.59 MB)
6 Style the `header-container css` and `inputs-container css`.mp4 (51.95 MB)
7 Create the HTML markup for the budget list.mp4 (82.13 MB)
8 Create and style `budget-list-header css` and `budget-list-container css`.mp4 (122.43 MB)
9 Get DOM elements and create global variables.mp4 (19.24 MB)
1 App presentation.mp4 (15.1 MB)
10 Calculate and display monthly contribution.mp4 (103.34 MB)
11 Toggle interest rate input.mp4 (22.38 MB)
12 Calculate months with interest.mp4 (113.14 MB)
13 Bars style.mp4 (59.64 MB)
14 Form group validation.mp4 (25.87 MB)
2 General setup and folder structure (HTML, CSS, JS).mp4 (20.97 MB)
3 Create the HTML markup for app-container, and parameters-form.mp4 (43.25 MB)
4 Create `main css`, `variables css` and style the `app-container css`.mp4 (50.77 MB)
5 Create and styles `form css`.mp4 (60.73 MB)
6 Create the HTML markup for goal-list and style it with `goal-list css`.mp4 (35.19 MB)
7 Create the main app js file and Get DOM elements.mp4 (28.76 MB)
8 Calculate and display the goal amount.mp4 (39.92 MB)
9 Calculate and display current savings.mp4 (80.03 MB)
1 10-01-App presentation.mp4 (6.26 MB)
2 10-02-General setup and folder structure (HTML, CSS, JS).mp4 (17.05 MB)
3 10-03-Create the HTML markup for app-container, and Loan conditions.mp4 (61.38 MB)
4 10-04-Create `style css`, `variables css` and style the `app-container css`.mp4 (35.34 MB)
5 10-05-Create and styles `form css`.mp4 (40.72 MB)
6 10-06-Get DOM elements and manipulate input values.mp4 (43.25 MB)
7 10-07-Calculate loan `calculateLoan js` - create a function that calculates the.mp4 (76.88 MB)
8 10-08-Display and style `results js`.mp4 (30.94 MB)
9 10-09-Create and style Pie Chart.mp4 (74.33 MB)]
Screenshot