iGEM YouTube Resources: Wiki and More

[AbhayKoushik]

Hey all,

I am posting some resources here to keep ourselves formally updated. Please feel free to discuss these resources either here or on the #website channel (created today) for wiki discussions in our dry-lab discord group.

• iGEM Wiki Tutorials
• iGEM Wiki Starter Pack by BITS Goa

For those in the wiki team - keep yourselves updated about these and feel free to add in further resources here.

Cheers! Abhay

PS: The following two channels seem specifically relevant to the whole team to keep ourselves updated with all the official, readily available resources from over the years of iGEM. @iGEM-Bettencourt-2021/whole-team

• iGEM Foundation Offical Channel
• iGEM Academy

[jeanrannou]

List of wikis that kick ass + the different technologies used according to the Wappalyzer chrome extension:

Source: https://2020.igem.org/Competition/Results#Awards

Wiki:

• MediaWiki 1.24.1

Framework JavaScript:

• GSAP
• Vue JS
• Nuxt JS

Web server:

• Apache

Programmation language:

• PHP
• Node.js

JavaScript library:

• jQuery 1.11.1
• Modernizr

Frameworks UI:

• Bootstrap 4.4.1

Diverse:

• Webpack

https://2020.igem.org/Team:Vilnius-Lithuania (note: this one is not using bootstrap) https://2020.igem.org/Team:Toulouse_INSA-UPS https://2020.igem.org/Team:XMU-China https://2020.igem.org/Team:GreatBay_SZ https://2020.igem.org/Team:Groningen https://2020.igem.org/Team:Leiden https://2019.igem.org/Team:Vilnius-Lithuania https://2019.igem.org/Team:NUS_Singapore https://2019.igem.org/Team:Lambert_GA https://2020.igem.org/Team:XMU-China

To be completed

[git-cgalan]

adobe dreamweaver ?

[git-cgalan]

IGEM is using mediawiki as a free software to design their webpages so we will have to use it. They provide these short explanations pages:

• https://2020.igem.org/Resources/Using_HTML_CSS_and_Javascript#link_and_script
• https://2020.igem.org/Resources/Wiki_Editing_Help
• https://2021.igem.org/Resources/Template_Documentation

In the page comes as well several links to resources of reference about languages and others.

[JulianQ22]

Flexbox and Grid might be very relevant CSS tools, we just need to figure out how to use them.

"He says learning responsive web design in 2020 should be a given. "Every serious project that you create should look good and be completely usable on all devices.

Instead of relying on CSS frameworks like Bootstrap, he recommends you practice building your own modular CSS components that you can then re-use throughout your project."

https://www.freecodecamp.org/news/web-development-2020/

EDIT : Flexbox vs Bootstrap : https://www.educba.com/flexbox-vs-bootstrap/

[jeanrannou]

Pretty useful tips !