Embedded Files
Introduction
Introduction
To begin, let's consider what we know now.
Following are four slide decks that investigate our prior knowledge of web pages, internet, hardware, software and services. There are two activities, a "Prior Knowledge" activity and a "Think Pair Share" activity for students to help consolidate knowledge. These activities should help students to vocalise their current understanding of content before moving into new earning areas.
Student: I've never scripted in html or css before. What do I do?
Teacher: there are a bunch of resources on html and css scripting. Here are a couple of beginner tutorials for you. There are other tutorial systems in Grok Academy as well, please ask your teacher for more details.
Understading progressive web apps
Understading progressive web apps
Let's develop some knowledge of progressive web apps. The slide deck is to be used in conjunction with the worksheet.
Protocols and security used when designing web apps
Protocols and security used when designing web apps
When designing web apps there is need for security. Always. The worksheet and slide deck provide a deeper look at the theory that underpins web security.
Encryption is an important tool in our internet-enabled world. With all the good faith in the world, we have more people wanting to steal our data (either to advertise at us or in an attempt to steal our identity, that we need to ensure out data is secure. So we use encryption protocols, which are, for the time being, the best defence we have.
As an aside: Quantum Computing will change all this, so at the end of the deck is a short discussion of "quantum-proof" encryption.
For more reading/viewing on quantum-proof encryption:
The effect of Big Data on web architecture
The effect of Big Data on web architecture
So many big words! but important words. This slide deck investigates how Dig Data effects web architecture, as it is easy to drown a system in too much data, even today!
The slide deck to the right is a deck in two halves. First half is a teacher - directed explanation. The second half is the student activity where we engage the hive mind to improve everyone's knowledge on different influences affecting PWAs.
Building Progressive Web Apps
Building Progressive Web Apps
A summary of what the W3C says about Web Apps. The worksheets provide some useful summaries and relevant infomration about what to include in a Web App, as well as a comprehensive tutorial with links to building PWAs.
Credit where due: REsources courtesy of NSW Dept of Education TAS STatewide Staffroom, and PWA tutorials in particular from Ben "Paddle" Jones of Tempe High School. Thank you Ben, your knowldge and skills are greatly appreciated.
Building pages and apps
Building pages and apps
In which pages are built, HTML is coded, CSS is added for style, Javascript makes for interactivity and a folder sturcture is included to ensure that a standard approach is used throughout.
Resources that will help you build your pages to the standard:
BrowserStack guide to building wep pages and apps (Excellent basic building tutorial)
Adding JavaScript to your page for interactivity (Wordy, but valuable guide to making stuff interactive)
Building web Apps (Really good for understanding web app architecture, front end processing, back end processing and more. Sadly, blocked to Dept of Education students.
BrowserStack's knowledge base on building web apps A solid guide to developing web apps, with examples, processes and tools to help. Also lots of good theory notes in here too.
Your task: Build a basic webpage using Dreamweaver (for the page basics), and VSCode for CSS, JavaScript and everything else.
And in case you've got time and really want to dive in deep, This is Harvard University's Web Programming with Python and JavaScript course. Warning: nearly 15 hours of nerdy goodness!
Awesome resource if you have the time.
Thank you Harvard Uni and BrowserStack for making such wonderful resources free to all learners.
A brief history of Open Source and notable nerds of the Silicon Age
A brief history of Open Source and notable nerds of the Silicon Age
Time to take a break from programming and getting our databases to work in a web browser.
Instead, let's take a look at a short history of Open Source and notable nerds who have contributed to computing as we know it today.
While thse lists are far from exhaustive, they provide some starting point of relevant people in this day and age. You could argue that there are many far more important people in the history of modern computing, and you'd be right...
Back end web development tools
Back end web development tools
It's important to know about the back end tools that run progressive web apps. These work sheets give a background to the practical work you should be undertaking, including a bunch of useful tools and tricks and tips. Videos found in the worksheets are included below.
Page updated
Report abuse