COMPUTING
LEVEL 2 INFORMATION & CREATIVE TECHNOLOGY
Welcome to Computing - Level 2
June Content
Watch this short video for an introduction to Level 2 Information and Creative Technology from our Programme Manager, Josh Symes
Units & Course Information
Progression Pathways
The natural progression and career pathways available for Level 2 learners
Level 3
Complete a Level 2 Certificate to progress onto the Level 3 programme.
Careers
Check out this video that highlights a few of the lesser known digital nomad opportunities.
HE & University
Further expand and specialise your skills with a Degree in computing.
Some activities for you to try from home
Activity 1: CSS Box Model
This activity we will introduce the the CSS Box Model. Explaining how you can use the Box Model to impact the layout and style of HTML elements.
All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout.
The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model:
Explanation of the different parts:
Content - The content of the box, where text and images appear
Padding - Clears an area around the content. The padding is transparent
Border - A border that goes around the padding and content
Margin - Clears an area outside the border. The margin is transparent
The box model allows us to add a border around elements, and to define space between elements.
Activity 2
Follow this link and complete all 4 of the exercises.
https://www.w3schools.com/css/exercise.asp?filename=exercise_boxmodel1
Questions?
What is HTML? - Hypertext Markup Language (HTML) is the standard structural language for the web.
What is CSS? - Cascading Style Sheets (CSS) is a simple mechanism for adding style and form (fonts, colours, spacing, dimensions) to web documents.
What tools do I need to complete these tasks? There are many advanced text editors and coding environments to choose from. Personally, I have always used Notepad++. You can download these sorts of text editors for free using Google search.
Can I learn more in my spare time? Yes of course, here is a link to w3schools. https://www.w3schools.com/css/css_boxmodel.asp
July Content
Following on from the previous session let’s take an initial look at responsive web design and how to get started with Bootstrap 4.
What is Responsive Web Design (RWD)?
“Responsive web design (RWD) is an approach to web design that enables web pages to render appropriately on a wide variety of different devices (smartphones, tablets, laptops, etc.). A website designed with RWD adapts the layout of your web content to the viewing environment by using grids. Media queries in CSS (cascading style sheets) are used to identify the resolution of the web contents browser (chrome, safari, etc.).”
Why do you think this is an important step forward when we consider the functionality and accessibility of web design?
What is Bootstrap 4?
Bootstrap 4 is a responsive framework that you can include in your website to introduce RWD functionality. Bootstrap 4 is effectively a library of CSS (cascading style sheets) and JS (JavaScript), this ‘code’ can be incorporated to utilise functionality such as the grid system.
Visit the following link to try it our for yourself: https://www.w3schools.com/whatis/whatis_bootstrap.asp
Resources to help your learning:
Watch this video for an explanation of Bootstrap 4 Grid System!
August Content
Theory of Computation Tasks
Have a go at the logic puzzles below. You should create your own algorithm by writing out instructions on how you solved them.
