Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Building Web-Based Engineering Tools with JavaScript
Rating: 4.7 out of 5(21 ratings)
1,290 students

Building Web-Based Engineering Tools with JavaScript

Learn how to use JavaScript and HTML to build your own engineering calculation software.
Created bySkyCiv Engineering
Last updated 9/2024
English

What you'll learn

  • Understand the structure of web applications.
  • Learn basic JavaScript programming.
  • Create basic SVG charts and graphics.
  • Utilise MathJax for reporting of engineering calculations.
  • Build your own web-based calculation tool.

Course content

1 section • 9 lectures • 1h 42m total length

  • Introduction7:00

    An overview of the course outcomes and demonstration of the web-based application that will be developed throughout the course.

  • Lesson 1 - Project Setup3:43

    An introduction to the SkyCiv Quick Design framework and walkthrough on how to access the GitHub template and set up your development repository.

  • Lesson 2 - Config File19:43

    A walkthrough of how to set up the input tab via the config.json file.

  • Lesson 3 - UI File27:16

    An introduction to SVG graphics and how to use the UI.js file to create dynamic graphics.

  • Lesson 4 - Calculate File28:43

    A walkthrough on how to perform calculations and create MathJax calculation reports using the calculate.js file.

  • Lesson 5 - Documentation6:23

    An introduction to the Markdown file format and how to create software documentation.

  • Lesson 6 - JSON Import3:44

    Learn how to import and export JSON files from Quick Design calculators.

  • Lesson 7 - Test Files4:18

    Learn how to create test files to monitor and validate the performance of your calculation software.

  • Lesson 8 - Publishing1:52

    An overview of how to turn your draft project in a live web application!

Requirements

  • Basic understanding of programming concepts, including if statements, objects and arrays.
  • Basic understanding of engineering statics is useful, but not essential.

Description

Are you an engineer interested in programming and software development? Do you regularly use Excel to build your own calculation spreadsheets?


Learn how to build your own engineering calculation software using JavaScript and the SkyCiv Quick Design framework!


In this course we'll learn basic JavaScript and HTML and build a web-application together, all in under 2 hours! This course is intended for engineers who are new to programming, and we'll cover all the fundamentals you need to understand how web-applications are built.

The course will cover the following topics:

  • Visual Studio Code (VS Code)

  • JavaScript Programming

  • Hyper Text Markup Language (HTML)

  • JavaScript Object Notation (JSON)

  • Dynamic SVG Graphics

  • MathJax Reporting

  • Markdown Documentation

We'll also use the components from the Quick Design JavaScript framework to accelerate the creation and testing of our web application. SkyCiv has developed the Quick Design framework in-house to build complex structural analysis and design software. This framework has now been opened to the public to allow engineers to develop their own calculation software without the need for investment in servers and web architecture.

Upon completion of the course, we'll also provide an overview on how to host your own web applications on the SkyCiv Quick Design Framework.

Who this course is for:

  • Engineers looking to develop their own calculation software.

Report abuse