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

7 Views | 0 Comments | Posted in: Tutorials
16
March
2025
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



TurboBit

RapidGator

FileFactory

Note:
Only Registed user can add comment, view hidden links and more, please register now
At 0dayhome.net, you'll find a vast collection of educational and informative tutorials to help you enhance your skills and knowledge in various fields. Our tutorials section serves as a valuable resource for beginners and experts alike, providing step-by-step guides, tips, and tricks on subjects such as technology, design, programming, photography, and much more. Whether you're looking to expand your professional repertoire or simply indulge in a new hobby, 0dayhome.net has got you covered. Why choose 0dayhome.net for all your tutorial needs? Here are a few reasons: Diverse Topics: Our platform offers a diverse range of tutorials, catering to various interests and skill levels. From learning the basics of coding to mastering advanced graphic design techniques, our tutorials cover it all. Easy-to-Follow Guides: We understand the importance of clear and concise instructions. Our tutorials are meticulously crafted with simplicity in mind, allowing you to easily grasp complex concepts and apply your newfound knowledge. Comprehensive Content: Whether you're a beginner seeking introductory tutorials or an expert looking for advanced techniques, our comprehensive collection has tutorials for every level of expertise. Take your skills to the next level with 0dayhome.net . Regular Updates: We frequently update our tutorials section, ensuring that you have access to the latest trends and techniques in your chosen field. Stay ahead of the curve and expand your knowledge with our up-to-date content. Community Engagement: Join our thriving community of learners and experts to connect, share insights, and seek guidance. Interact with fellow enthusiasts, exchange ideas, and strengthen your skills through collaboration. Free Access: Yes, you read it right! 0dayhome.net offers free access to its tutorials section. Learn and grow without any financial constraints. So, whether you're an aspiring programmer, a budding designer, or simply curious about exploring new subjects, 0dayhome.net tutorials are your go-to resource. Visit our website today and embark on a journey of continuous learning and improvement.
все шаблоны для dle на сайте шаблоны dle 11.2 скачать