Coding School - Applications for the Internet

The Hangout School
, ,
#125

Ik it’s Hella weird but what more can I do? Can I trust you?

3 Likes
#126

Of course! Don’t worry :innocent:

2 Likes
#127

sus

2 Likes
#128

:pleading_face:

2 Likes
#129

Coding School
~ Applications for the internet


The material covered the first week is based on W3Schools tutorials for HTML and CSS. It is recommended that you follow the HTML and CSS tutorials before starting, or meanwhile doing, the first assignment.

This is a wiki, feel free to add to it as you learn more about programming for the web. I will add to it myself, but I unfortunately did not have time to prepare as much as intended.

All important posts will be linked in the original post so that you will be able to find them easily.

Feel free to ask any questions to me (@fraud), @Yomama and @passionfruit. I’m open to give help over voice call on discord and we could even make use of screen sharing.

Best Coding Practices

  • Use consistent indentation
  • Avoid duplicated code
  • Avoid deep nesting
  • Limit line length
  • Use proper naming conventions - The names should be descriptive
  • Use consistent temporary names
  • Keep the code simple and readable
  • Write comments and documentation - But avoid obvious comments
  • File and folder organization
  • Separation of code and data

HTML Fundamentals

CSS Fundamentals

Create a web page with a simple editor
For more details see: HTML Editors

Using a simple text editor like Notepad (PC) or TextEdit (Mac) is a good way to learn HTML.

Step 1: Open Notepad (PC) or Open TextEdit (Mac)
Step 2: Write some HTML
Step 3: Save the HTML page

Name the file “index.htm” (or .html, there is no difference) and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Step 4: View the HTML page in your browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose “Open with”).

6 Likes
#130

Assignment 1
~ Create a web page with a simple text editor
Tutorial: HTML Editors
Due: 2020-06-21T21:59:00Z

Your code (assignment) should be found on GitHub and you would have to give us the link to the GitHub repository where the code is to be found so that we can help you with any questions and assess the code.

Requirements

Content

  • Header
  • Footer
  • Margins
  • Background image
  • Forum name
  • At least 2 paragraphs

Code
See HTML Style Guide and Coding Conventions

  • Indentations
  • Naming conventions
  • Comments

Teaching Assistants
@Yomama @passionfruit

Students
@Yomama @Quinn @glxwingAngel @Jass @SnowyStar @SkyWalker @accalia @anon69836121 @astralis @raviola @StarMaryGoth @Mouschi @RpQueen @Eliza

10 Likes
#131

im dropping out
i am weak

2 Likes
#132

Nooo! You can do it :pleading_face:

1 Like
#133

Wonders how the heck I will be able to do this :rofl: Nah, I should be fine, I did something like this before so I think I can do it, hopefully

3 Likes
#134

Yeah, you’ll manage! And I’m always here to help :dizzy:

3 Likes
#135

So I’m I

3 Likes
#136

:sob:

3 Likes
#137

I believe in youuuu!

3 Likes
#138

I can’t have access to the GitHub link because my email is iNvaLid

3 Likes
#139

Wait do you you need you email to do it?

You don’t need to access sGutHub at the moment though so we can try to figure dit out before you need it

3 Likes
#140

I needed to sign up to access, i don’t know what happened

2 Likes
#141

Hm, weird… I didn’t think you had to sign up for that :thinking:

There’s nothing important there either way but you have to sign up to put your code there later on. I know people who had problem with it so I ca n help you create one if needed hehe.

2 Likes
#142

That would be awesome, thanks

2 Likes
#143

Should I just create a random new gmail for it?

2 Likes
#144

Whatever you think works, i checked my gmail but there isn’t anything about confirming my gmail address in the web

2 Likes