PreviousReadings

Created Tuesday 04 May 2021





+Syllabus


HTML and CSS References and Resources


On My Online Quizzes


Week 13 - Multimedia!

./DESNET-Multimedia2020.pdf



Week 12 - Text, Revisited

Other links beyond regular "articles" included for your perusal


https://graydon2.dreamwidth.org/193447.html


https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html


The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html


(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html


HTML

https://www.lifewire.com/why-use-semantic-html-3468271


NOTE: the below are not readings, but resources to explore


Pandoc - Absolute swiss army knife here:

https://pandoc.org/


Markdown


Markdown, generally

https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/


Tools that use Markdown

Pandoc, above - also:
https://remarkableapp.github.io/


https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/


https://itsfoss.com/open-source-static-site-generators/



The Markdown-alikes

Can probably convert:


Org-Mode

https://orgmode.org/


zim-wiki

https://zim-wiki.org




Week 10 - Advanced CSS

https://www.w3schools.com/Css/css_boxmodel.asp
https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp



Week 7 - Intro to CSS


https://www.freecodecamp.org/news/get-started-with-css-in-5-minutes-e0804813fc3e/


https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics


Week 6 - Colors Continued

https://www.arclab.com/en/kb/htmlcss/html-css-color-names-rgb-rgba-hex-hsl-hsla.html



Week 5 - HTML review, Intro to Binary and Colors


https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm



If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes



Week 4 - HTML Proper


First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190


So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp


Ditto
https://www.hostinger.com/tutorials/what-is-html


Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/


Week 2 - Linux, Files, and Servers

https://char.gd/blog/2017/the-web-is-swallowing-the-desktop-whole-and-nobody-noticed


https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f


File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server
https://blog.robertelder.org/what-is-ssh/
(You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)


Text editing
https://www.computerhope.com/issues/ch000619.htm (solid, but not perfect rundown)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users


Week 1 - Intro to the Modern Web



https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/


https://www.wired.com/2016/08/linux-took-web-now-taking-world/


Today?
https://neustadt.fr/essays/against-a-user-hostile-web/


Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/







IN CLASS SLIDES

Week 1 - https://jrm4.com/slides/LIS5362_-_Week_1_Slides_-_Intro_to_the_Web.html
Week 4 - https://jrm4.com/slides/LIS5362_-_On_Text.html
Week 5 - https://jrm4.com/slides/Languages_and_HTML.html
Week 7 - Binary Slides: ../5362-binary.pdf
https://jrm4.com/slides/The_Web_Stack_Today.html
Stacks and Such - https://jrm4.com/slides/StacksAndSuch.html


Additional Resources


HTML

Tech Guides:HTML


https://www.w3schools.com/
https://developer.mozilla.org/en-US/docs/Web/HTML


Week 15 - From here




Week 14 - Web and Stacks

Additional Readings / Information
https://opensource.com/article/21/2/chromebook-linux


https://opensource.com/resources/virtualization
https://thenewstack.io/this-week-in-programming-the-docker-dogpile-continues/


https://dotesports.com/hardware/news/everything-you-need-to-know-about-linux-proton-on-the-steam-deck


https://www.ibm.com/cloud/learn/lamp-stack-explained
https://www.monterail.com/blog/django-vs-node.js-when-to-choose-which


https://medium.com/javascript-scene/top-javascript-frameworks-and-tech-trends-for-2021-d8cb0f7bda69





Readings in Reverse Chronological Order


Week 13 - The Primacy of Text, Revisited

Other links beyond regular "articles" included for your perusal


https://graydon2.dreamwidth.org/193447.html


https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html


The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html


(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html


HTML

https://www.lifewire.com/why-use-semantic-html-3468271


NOTE: the below are not readings, but resources to explore


Pandoc - Absolute swiss army knife here:

https://pandoc.org/


Markdown


Markdown, generally

https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/


Tools that use Markdown

Pandoc, above - also:
https://remarkableapp.github.io/


https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/


https://itsfoss.com/open-source-static-site-generators/



The Markdown-alikes

Can probably convert:


Org-Mode

https://orgmode.org/


zim-wiki

https://zim-wiki.org



Week 10 - Advanced CSS

https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css


https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/




Week 8 - CSS

Review last two weeks.


Week 7 - Intro to CSS/ Binary and Color Theory

https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm



If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes


Week 6 - Advanced HTML/Intro to CSS

https://www.w3schools.com/Css/css_intro.asp


https://cssfordesigners.com/articles/things-i-wish-id-known-about-css



Week 5 - HTML Proper


First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190


So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp


Ditto
https://www.hostinger.com/tutorials/what-is-html


Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/



Week 4 - Linux, files, and Servers

(this should have been in last weeks readings BUT I JUST FOUND IT. We will dig deeper into this around Week 13, but this is a good "Why learn HTML/CSS now")
https://char.gd/blog/2017/the-web-is-swallowing-the-desktop-whole-and-nobody-noticed


https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f


File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server


https://blog.robertelder.org/what-is-ssh/
(You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)


Text editing
https://www.computerhope.com/issues/ch000619.htm (this is solid, except "control" which is *exactly* wrong)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users


Week 2 - Intro to the Modern Web


https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/


https://www.wired.com/2016/08/linux-took-web-now-taking-world/


Today?
https://perezbox.com/2020/04/the-open-web-is-dying/
https://neustadt.fr/essays/against-a-user-hostile-web/


Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/
---


Week 11 - Languages and Applications



Review last week
https://kinsta.com/knowledgebase/what-is-wordpress/


We won't be *doing* the following, but an example
https://adityasridhar.com/posts/desktop-apps-with-html-css-javascript


Week 10 - Media Queries and Wrapping up

Review Week 3
https://www.php.net/manual/en/intro-whatis.php
https://www.wpbeginner.com/glossary/php/


https://javascript.info/intro
http://www.yourtechstory.com/2019/02/10/brendan-eich-founder-javascript-buggy-irreplaceable-programming-language/



Week 9 - Advanced CSS/Color Theory

Review below


Week 8 - Advanced CSS, Binary, and Color Theory

https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css


https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/


https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm


Week 7 - Midterm Quiz


Slides for quiz


https://jrm4.com/slides/LIS5362_-_Week_1_Slides_-_Intro_to_the_Web.html

Raw HTML of above


https://jrm4.com/slides/LIS5362_-_On_Text.html

Raw HTML of Above


https://jrm4.com/slides/Web_and_Internet_Basics.html

Raw HTML of above


Week 6 - Advanced HTML/Intro to CSS

https://www.w3schools.com/Css/css_intro.asp


https://cssfordesigners.com/articles/things-i-wish-id-known-about-css


If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes


Week 5 - HTML Continued


https://jrm4.com/slides/Web_and_Internet_Basics.html
+RawSlides:Web and Internet Basics


No new readings for the tech side of what we do. Do try to access Torch in preparation for hitting the ground with HTML next week.


Week 4 - HTML

First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190


So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp


Ditto
https://www.hostinger.com/tutorials/what-is-html



https://www.w3schools.com/htmL/html_blocks.asp


https://www.w3schools.com/htmL/html_attributes.asp


https://www.w3schools.com/htmL/html_links.asp


https://www.w3schools.com/htmL/html_images.asp



Week 3 - The Primacy of Text

http://jrm4.com/slides/LIS5362_-_On_Text.html


https://graydon2.dreamwidth.org/193447.html


https://www.thenewatlantihttps://us.bbcollab.com/collab/ui/session/playback/load/bae94689e20446ed9444800d6c9e3e80s.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html


The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html


(another very long one that I think is worth it:)
http://cristal.inria.fr/~weis/info/commandline.html


HTML

https://www.lifewire.com/why-use-semantic-html-3468271


NOTE: the below are not readings, but resources to explore


Pandoc - Absolute swiss army knife here:

https://pandoc.org/


Markdown


Markdown, generally

https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/


Tools that use Markdown

Pandoc, above - also:
https://remarkableapp.github.io/


https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/


https://itsfoss.com/open-source-static-site-generators/



The Markdown-alikes

Can probably convert:


Org-Mode

https://orgmode.org/


zim-wiki

https://zim-wiki.org



Week 2 - Intro to the Modern Web


https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/


https://www.wired.com/2016/08/linux-took-web-now-taking-world/


Today?
https://neustadt.fr/essays/against-a-user-hostile-web/


Time permitting : A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/




(previous PREVIOUS readings)


Week 13 - Real life Markup and HTML


Seriously, Microsoft Word is TRASH

because WYSIWYG breaks down.
https://www.thenewatlantis.com/text-patterns/no-microsoft-word-really-is-that-bad
https://slate.com/technology/2012/04/microsoft-word-is-cumbersome-inefficient-and-obsolete-its-time-for-it-to-die.html
I'm seriously including the following article just so you can see how absolutely terrible and without merit arguments in favor of Word are:
http://www.slate.com/blogs/normal/2016/10/11/microsoft_word_s_haters_have_it_all_wrong.html


The alternative: WYSIWYM
https://www.developervoyage.com/2020/01/23/why-i-prefer-wysiwym-for-technical-writing.html


HTML

https://www.lifewire.com/why-use-semantic-html-3468271


Implementations and tools to try:


Pandoc - Absolute swiss army knife here:

https://pandoc.org/



Markdown


Markdown, generally

https://www.markdownguide.org/tools/
https://ghost.org/changelog/markdown/


Tools that use Markdown

Pandoc, above - also:
https://remarkableapp.github.io/


https://github.blog/2016-08-22-publish-your-project-documentation-with-github-pages/
https://md2pdf.netlify.app/
https://stackedit.io/


https://itsfoss.com/open-source-static-site-generators/



The Markdown-alikes

Can probably convert:


Org-Mode

https://orgmode.org/


zim-wiki

https://zim-wiki.org





Week 12 - Code and Interactivity

https://www.php.net/manual/en/intro-whatis.php
https://www.wpbeginner.com/glossary/php/


https://javascript.info/intro
http://www.yourtechstory.com/2019/02/10/brendan-eich-founder-javascript-buggy-irreplaceable-programming-language/



Week 11 - Wrapping it up - see:

+FINAL PROJECT SPECS


Week 10 - More CSS

https://www.w3schools.com/Css/css_boxmodel.asp
https://cssfordesigners.com/articles/things-i-wish-id-known-about-css


https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/



Week 8 - Midterm


Week 7 - Intro to CSS

the heirarchy


https://www.w3schools.com/Css/css_intro.asp


https://cssfordesigners.com/articles/things-i-wish-id-known-about-css


If you want to be like a supergenius
https://www.dotconferences.com/2018/11/david-desandro-read-color-hex-codes


Week 6 - More HTML and Binary

./5362-binary.pdf
https://i.imgur.com/NQPrUsI.gif
http://www.mathsisfun.com/binary-decimal-hexadecimal.htm


https://www.w3schools.com/htmL/html_blocks.asp


https://www.w3schools.com/htmL/html_attributes.asp


https://www.w3schools.com/htmL/html_links.asp


https://www.w3schools.com/htmL/html_images.asp




Week 5 - HTML


First, a harsh and honest assessment of the web, via discussion
https://news.ycombinator.com/item?id=12477190


So basic, but a good place to start:
https://www.w3schools.com/html/html_intro.asp


Ditto
https://www.hostinger.com/tutorials/what-is-html


Good discussion of the "Is HTML a Language" thing.
https://www.thinkful.com/blog/thoughts-on-declarative-and-imperative-languages/


Week 4 - Files and Servers


https://www.howtogeek.com/117939/htg-explains-what-everything-is-a-file-means-on-linux/
https://towardsdatascience.com/web-servers-in-linux-and-beyond-1241ca557a4f


https://www.howtogeek.com/196060/beginner-geek-how-to-create-and-use-virtual-machines/
https://www.burwood.com/blog-archive/containerization-vs-virtualization


File Transfer
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server


https://blog.robertelder.org/what-is-ssh/ (You don't NEED to read past "Using SSH with Github" — and even the key stuff might be a little obtuse, but we will go over it)


Text editing
https://www.computerhope.com/issues/ch000619.htm (this is solid, except "control" which is *exactly* wrong)
https://www.fastcompany.com/3037629/why-vim-an-80s-text-editor-is-still-the-ui-of-choice-for-power-users


Week 3 - The Web and File Management

+Required Course Tools (these may need some updating, we'll talk)


Historical Documents to Browse:
https://www2.ed.gov/pubs/OR/ConsumerGuides/internet.html
https://www.webfx.com/blog/web-design/the-history-of-the-internet-in-a-nutshell/


Today?
https://neustadt.fr/essays/against-a-user-hostile-web/



Week 2 Readings


http://jrm4.com/Islides/LIS-5362-FIRST-new.html


A clever thing on CODE in general. Huge, but I've found it to be worth it.
https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/


https://www.inkandswitch.com/end-user-programming.html


https://www.zdnet.com/article/linus-torvalds-isnt-worried-about-microsoft-taking-over-linux/
https://itsfoss.com/windows-linux-kernel-wsl-2/