Difference between revisions of "Programming languages"

From ImpVis Wiki
Jump to navigation Jump to search
(Created page with "== The tools we use to create visualisations == Hypertext Markup Language (HTML) is the backbone of any webpage, and this is the case for ImpVis. HTML is less of a language an...")
 
 
(6 intermediate revisions by 2 users not shown)
Line 3: Line 3:


Here are a few links to relevant places on how to do some basic HTML, CSS and JS -
Here are a few links to relevant places on how to do some basic HTML, CSS and JS -
*'''HTML''': <nowiki>https://www.codecademy.com/learn/learn-html</nowiki>
*'''HTML''': https://www.codecademy.com/learn/learn-html https://scrimba.com/learn/htmlcss
*'''CSS''': <nowiki>https://www.codecademy.com/learn/learn-css</nowiki>
*'''CSS''': https://www.codecademy.com/learn/learn-css
*'''JS''': <nowiki>https://www.codecademy.com/learn/introduction-to-javascript</nowiki>
*'''JS''': https://www.codecademy.com/learn/introduction-to-javascript and https://scrimba.com/learn/learnjavascript
*'''Vue.js''': https://www.youtube.com/watch?v=ZqgiuPt5QZo
For the HTML course, you will most likely require sections 1. ''Elements and Structure'', and 3. ''Forms''. You may choose to opt-out on learning CSS as we have a set of predefined components, like sliders and buttons, which will be introduced later! If you are interested in customising the components, you may come back and learn CSS. As for JS, sections 2-7 are essential, and sections 8 and 9 are useful for object-oriented programming.
For the HTML course, you will most likely require sections 1. ''Elements and Structure'', and 3. ''Forms''. You may choose to opt-out on learning CSS as we have a set of predefined components, like sliders and buttons, which will be introduced later! If you are interested in customising the components, you may come back and learn CSS. As for JS, sections 2-7 are essential, and sections 8 and 9 are useful for object-oriented programming.


While coding a visualisation, you will inevitably have to use some mathematical functions. ''Math.js'' is an extensive JS math library that provides many useful tools. For more information, <nowiki>https://mathjs.org/</nowiki>.
While coding a visualisation, you will inevitably have to use some mathematical functions. ''Math.js'' is an extensive JS math library that provides many useful tools. For more information, https://mathjs.org/.
 
== Further links ==
Have a look at our [[Help on HTML, CSS, JS and JS libraries]] page for further guidance on these coding languages.
[[Category:Setting Up]]

Latest revision as of 14:18, 9 March 2022

The tools we use to create visualisations

Hypertext Markup Language (HTML) is the backbone of any webpage, and this is the case for ImpVis. HTML is less of a language and more of a collection of blocks or ‘elements’ that define what goes on your page. HTML allows us to define everything on our page, but cannot do much else. For the most part, HTML is static and cannot perform complex equations or plotting. This is where JavaScript (JS) comes in. ImpVis visualisations use JS to perform physical/mathematical calculations, plot, and achieve interactivity. These elements can contain anything from text to a slider to a graph plot, and can be styled to your preference! From the size of your element to the text color, this styling can all be specified using another language: Cascading Style Sheet (CSS).

Here are a few links to relevant places on how to do some basic HTML, CSS and JS -

For the HTML course, you will most likely require sections 1. Elements and Structure, and 3. Forms. You may choose to opt-out on learning CSS as we have a set of predefined components, like sliders and buttons, which will be introduced later! If you are interested in customising the components, you may come back and learn CSS. As for JS, sections 2-7 are essential, and sections 8 and 9 are useful for object-oriented programming.

While coding a visualisation, you will inevitably have to use some mathematical functions. Math.js is an extensive JS math library that provides many useful tools. For more information, https://mathjs.org/.

Further links

Have a look at our Help on HTML, CSS, JS and JS libraries page for further guidance on these coding languages.