Skip to content

A training material for teachers to better teach atoms to students

Notifications You must be signed in to change notification settings

f3riend/atom-models

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Story When I was in tenth grade, my teacher asked me to write an educational material for our chemistry teacher's university thesis and gave it to me as a project assignment. The aim was to make it easier for people learning the atomic model and to ensure long-term learning thanks to its interactive interface.

Our chemistry teacher gave us a paper about atomic models and how they should look like.

I've only used Three Js and canvas



Information about atomic models

  • Jhon Dalton
    • He described atoms as inseparable and solid particles, arguing that each element has its own unique atoms. (1803)
  • Joseph John Thomson
    • He discovered the existence of electrons and proposed that the atom is composed of negatively charged electrons moving freely in a positively charged sphere. (1897)
  • Ernest Rutherford
    • With the gold foil experiment, he proposed that most of the atom is empty space, with electrons orbiting around a dense nucleus (1911)
  • Niels Bohr
    • He proposed that there are positively charged protons and neutrons in the nucleus of the atom and that there are electrons orbiting around it in specific orbits, that the energy levels of the electrons in these orbits are specific, and that they emit light as they pass from certain energy levels to others. (1913)

Dalthon Thamson
Rutherford Bohr

Installation You need to have Node Js installed on your computer for installation

npm vite@latest
  • Enter the name of the project
    • Choose Vanilla Js
      • Select Javascript
cd projet name
npm install
  • Open with Code Editor
    • Copy the files you downloaded
    • Open the console
npm run dev