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/