13DTP Web Refresher

Web Coding Refresher: Do you know HTML/CSS?

From fridges to toilets, from watches to phones, from TVs to security cameras - almost everything these days has a web browser - so if you want to make a truly cross-platform application then a web-app is the ideal way to go.

So, this year you will be making a complex database-backed web-app / website using Python, SQL and HTML5. You'll learn how to make complex SQL queries to an SQLite database from a Python app running the Flask web framework - and how to then present that information to the user in a professional way using HTML, CSS and potentially some Javascript.

HTML 5 Quiz

Test Your knowledge to be sure you are ready to move on!

CSS Quiz

Think you know enough now about styling your html?

If you need a refresher:

Pick one of these tutorials and complete it.

Grok HTML/CSS Express

Great beginner tutorial series with quizzes, challenges and explanations all the way through

Or

Khan Academy- HTML/CSS

Longer tutorial if you haven;t done any HTML/CSS before

Extension and Extras

W3 Schools

This is an indespensible reference for everything you'll need. It includes reference and tutorials for Python, SQL, HTML and CSS.

This should be your first stop for help on any of these languages.

Using an IDE

VSCode is a lightweight cross platform tool to write HTML and CSS. Take a look at how it can help you be more productive at this link.

Using Github with VSCode

This takes practics and you will probably mess up a few times but it's worth it. Become a real developer and join the other 100 Million developer who rely on this to keep their code safe.

Grid Layout Explanation

Try it out in your own project

Page updated

Report abuse