Capa Índice

1
2
3
4
5
6 Aplicações
7
8 informáticas
[Introdução à B
9 programação]
10
11
12
13
14

12º Ano
Gonçalo
Professor Pedro
Marques
 Índic
workshop.css
e

1
2
Table Of ‘Contents’ {
3
4 01 Theory Lesson
5 < You can enter a subtitle here if
6 you need it >
7
8 02 Features of the Topic
9 < You can enter a subtitle here if
you need it >
10
11
12
03 Practical Exercise
< You can enter a subtitle here if
13 you need it >
14 }
Programming Language
 forbeginners.html workshop.css

1
2
3 01 {
4
5
6 [Theory Lesson]
7
8 < You can enter a subtitle here if
9 you need it >
10
11

}
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Concepts < /1 > {
3 < Mercury is the closest planet to the Sun and the
smallest one in the Solar System—it’s only a bit larger
4
than the Moon >
5
6
7
}
8
9 Concepts < /2 > {
10
< Venus has a beautiful name and is the second planet
11 from the Sun. It’s hot and has a poisonous atmosphere
12 >
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Introduction; {
3
4
‘Here you can give a brief description of the topic you want
5 to talk about’
6
<p For example, if you want to talk about Mercury,
7
you can say that it’s the smallest planet in the entire
8 Solar System >
9
10
11
12 </p>
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
What Is this ‘Topic About ?’ {
3
Languages
4
5 Html 60% Css 40%
6 < Mercury is the smallest < The Earth is the only one
7 planet in the entire Solar that harbors life in the Solar
8 System > System >
9
10 Create a web page
11
Venus has a Mars is a Jupiter is a
12 nice name cold place gas giant
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Features of ‘the Topic’ {
3 Mercury is the closest planet to the Sun
4 Step 01 and the smallest one
5
6 Saturn is a gas giant and has several
Step 02 rings
7
8
The Earth is the only planet that harbors
9 Step 03 life
10
11
Venus has a beautiful name and is the
12 Step 04 second planet from the Sun
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Recommendations; {
3
4
Mercury
5 < Mercury is the closest planet to the Sun and the
smallest one in the Solar System >
6
7
Saturn
8
< It was named after the Roman god of wealth and
9 agriculture >
10
11 Jupiter
12 < Jupiter is a gas giant and the biggest planet in the
13 Solar System >
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Examples About ‘The Topic’{
3
4 Mercury Jupiter
5 < Mercury is the < Jupiter is a gas giant
6 closest planet to the and the biggest planet
Sun > >
7
8
9
10 Saturn Venus
11 < Venus has a nice
< Saturn is a gas giant
12 name and high
and has several rings >
temperatures >
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Practical Exercise {
3 < Saturn is the fourth-largest object by diameter in the Solar
4 System >
5
6
7 ∗ Mercury is the smallest planet
8 < /1 > ∗ The Earth is the planet we live on
∗ Saturn is made of oxygen and helium
9
10 ∗ Jupiter is a gas giant
11 < /2 > ∗ Venus has high temperatures
12 ∗ Neptune is very far away from the Sun
13
14 }
Programming Language
 forbeginners.html workshop.css

9h 55m 23s {
1
2
3
4
< Is Jupiter's rotation period >
5
6
7
333,000.000
8 < Earths fit in the Sun’s mass >
9
10
11
386,000 km
12 < Distance between the Moon and the Earth >
13
14 }
Programming Language
A ‘Picture’ Is
{ Worth a Thousand
Words

}
 forbeginners.html workshop.css

1
2

Awesome
3
4
5

{ Words;
6
7
8
9
10
11
12
13
14
}
Programming Language
 forbeginners.html workshop.css

1
2
Did You Know ‘This ?’ {
3
4
Mercury is the smallest planet of
5 36.00
the Solar System
6
7 Venus has a beautiful name and
25.00
8 high temperatures
9
Despite being red, Mars is
10 12.00
actually a cold place
11
12
13
14 } Follow the link in the graph to modify its data and then paste the new one here.
For more info, click here

Programming Language
 forbeginners.html workshop.css

1
2
3
4
A ‘Picture’ Always
5 Reinforces The
6
7
Concept {
8
9 < Images reveal large amounts of
data, so remember: use an image
10
instead of a long text. Your audience
11 will appreciate it >
12
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
3

150,005,630 {
4
5
6
7
8 < Big numbers catch your audience’s attention >
9
10

}
11
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
3
4
5
6 < “This is a quote, words full of wisdom that
7 someone important said and can make the
8 reader get inspired.” >
9
10 — Someone ‘Famous’
11
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Review ‘Concepts’ {
3
4
5 < Mercury is the
6 closest planet to the
Sun and the smallest
7
one in the Solar
8 System >
9
10 Venus Ceres Saturn
11
12
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Planning of ‘September’{
3
M T W T F S S
4
5 01 02 03 04 05 Mercury is the smallest planet
6
06 07 08 09 10 11 12 Venus has a beautiful name
7
8 13 14 15 16 17 18 19 The Earth is the third planet
9
20 21 22 23 24 25 26 Mars is actually a cold place
10
11 27 28 29 30 Jupiter is a gas giant
12
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
JavaScript For ‘Beginners’ {
3 Mercury Mars
4 Despite being red, Mars
It is the closest planet to
5 the Sun is a cold place
6
7 Jupiter Venus
8 Jupiter is the biggest Venus is the second
9 planet planet from the Sun
10
11 Saturn Neptune
12 Saturn is a gas giant and Neptune is very far from
has several rings the Earth
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
3
4 Desktop
5
6
Software {
7
8 You can replace the image
9 on the screen with your
10 own work. Just delete this
one, add yours and center
11
it properly
12
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Thanks; {
3
‘Do you have any questions?’
4
5 [email protected]
+91 620 421 838
6 yourcompany.com
7
8
9
10 CREDITS: This presentation template was created by
Slidesgo, including icons by Flaticon, and
11 infographics & images by Freepik
12
< Please keep this slide for attribution >
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Web ‘Design’
3
4
5
6
7
8
9
10
11
12
13
14

Programming Language
 forbeginners.html workshop.css

1
2
Alternative ‘Resources’ {
3 Here’s an assortment of alternative resources whose style
4 fits the one of this template
5
6 Photos:
7
∗ Portrait hacker I
8
∗ Portrait hacker II
9
10
11
12
13
14 }
Programming Language
 forbeginners.html workshop.css

1
2
Resources {
3 Did you like the resources on this template? Get them for
4 free at our other websites:
5
6 Photos:
7
∗ Close up hacker
8
∗ Medium shot woman working computer
9
10 Icons:
11
∗ Web design
12
13
14 }
Programming Language
 Instructions for use
In order to use this template, you must credit Slidesgo by keeping the Thanks slide.

You are allowed to:

- Modify this template.
- Use it for both personal and commercial projects.

You are not allowed to:

- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
- Include Slidesgo Content in an online or offline database or file.
- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
- Acquire the copyright of Slidesgo Content.

For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Instructions for use (premium users)
As a Premium user, you can use this template without attributing Slidesgo or keeping the "Thanks" slide.

You are allowed to:

● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.

You are not allowed to:

● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.

For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Fonts & colors used

This presentation has been made using the following fonts:

Fira Code
(https://fonts.google.com/specimen/Fira+Code)

#16191f #2e323b #707070 #e7e7e7 #ffffff

#ff5858 #fcc642 #dba0db #72d9f0 #a5cf27

 Storyset

Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick
the background and layers you want to show and bring them to life with the animator panel! It will boost
your presentation. Check out How it Works.

Pana Amico Bro Rafiki Cuate

 Use our editable graphic resources...

You can easily resize these resources without losing quality. To change the color, just ungroup the resource
and click on the object you want to change. Then, click on the paint bucket and select the color you want.
Group the resource again when you’re done. You can also look for more infographics on Slidesgo.
 JANUARY FEBRUARY MARCH APRIL MAY JUNE

PHASE 1

Task 1

Task 2

PHASE 2

Task 1

Task 2

JANUARY FEBRUARY MARCH APRIL

PHASE
1

Task 1

Task 2
 ...and our sets of editable icons

You can resize these icons without losing quality.

You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.
Educational Icons Medical Icons
Business Icons Teamwork Icons
Help & Support Icons Avatar Icons
Creative Process Icons Performing Arts Icons
Nature Icons
SEO & Marketing Icons