Starter Pack

Web development

Professional Diploma in

Ruchen graduated with a Masters Degree in Information Systems and a Diploma in Immersive Technologies and is currently the technology educator at Shaw Academy. Ruchen was the owner of an online delivery service several years ago which he started in his undergraduate years as a student. He has now developed an interest in more modern technologies of the Fourth Industrial Revolution. Starting out as a tutor, he has progressed to becoming a lecturer in Information Systems.

Ruchen is a technology enthusiast by discipline and enjoys lecturing on this dynamic subject. He is passionate about teaching students about the ever-changing technology industry and equipping them with the skills and tools to be better prepared for the digital workforce. His specialisation is software development and information systems. He has also collaborated on several projects with Neu-Ulm University of Applied Sciences (HNU) in Germany within the digital transformation and immersive technologies space.

Ruchen Wyngaard

Web development

Starter Pack

Meet your educator

In the web development course, you can expect the following:

• 8 lessons• 8 post lesson quizzes• 4 practice assignments• 1 module assignment

Your tool kits, which will be an extra to purchase, will contain

• Webinar slides• Summary notes• Bonus lessons

Web development

Course Outline

Module 1

Module 2

Module 3

Module 4:

Lesson 1: Lesson 2: Lesson 3: Lesson 4: Lesson 5: Lesson 6: Lesson 7: Lesson 8:

Lesson 1: Lesson 2: Lesson 3: Lesson 4: Lesson 5: Lesson 6: Lesson 7: Lesson 8:

Lesson 1: Lesson 2: Lesson 3: Lesson 4: Lesson 5: Lesson 6: Lesson 7: Lesson 8:

Lesson 1: Lesson 2: Lesson 3: Lesson 4: Lesson 5: Lesson 6: Lesson 7: Lesson 8:

Introduction to the web Introduction to HTML HTML elementsHTML attributes HTML inputs Introduction to CSS Advanced CSSHTML and CSS project

Introduction to JavaScriptJavaScript data types and variablesWorking with operators in JavaScriptConditionals in JavaScriptJavaScript loops and arraysFunctions, properties and objectsCombining JavaScript with HTML and CSS Part 1Combining JavaScript with HTML and CSS Part 2

Introduction to PHPWorking with PHP variables and outputData types and variable scopePHP operators and conditional logicWorking with loops in PHPFunctions in PHPPHP super globalsIntroduction to SQL databases

Managing tables and datatypes in MySQLCreating and selecting recordsDeleting and updating recordsJoining tablesConnecting to MySQL with PHPE-commerce project part 1: Building the UIE-commerce project part 2: Designing the back endE-commerce project part 3: Finalising our website

Stay up-to-dateAlways try to stay up to date with technological trends by reading articles and popular technology news websites. This will reinforce your learning of modern and trending technologies.

Software DocumentationWhen working through the technical and practical content, review the documentation of the software we will be using.

GithubWe will be using Github as a repository for our source code. This will make it a lot easier to share code for the practical content we will be doing. So be sure to familiarise yourself with the platform.

Code EditorFor the Web Development part of this course, you will need a code editor tool. For this course we will be using ATOM. You can download the software at atom.io – the software is compatible for both Windows and Mac systems.

Mobile Code EditorIn the event that you do not have access to a laptop or PC, consider downloading a mobile app code editor tool. Acode is a popular code editing tool for Android devices.

File ExtensionsIt is important to follow best practice when naming the files associated with your website. For example, HTML files must have an extension of .html appended at the end. Similarly, CSS files must have the keyword .css appended at the end.

Requirement AnalysisFor personal projects, it is always best to gather and process the requirements of your website before you start development. These requirements will drive which features and functionality you will incorporate into your web design.

Code ReadabilityWhen writing code in any language, you typically would like to ensure that you indent your code where necessary, it improves the readability of your code.

Stack OverflowStack Overflow is your go-to platform if you’re writing code and for some reason it doesn’t work as you expect it to. This happens more often than you know, even to the best developers out there. Stack Overflow allows you to share your code with other developers and enables you to find solutions to issues similar to the ones you may be experiencing.

Reputable SourcesTo improve your understanding of the theoretical concepts, always try to read up on reputable technology news platforms or peer-reviewed journal articles and books.

Web development

Course

• Requirements and tips for this course: