Introduction to Coding Workshop by Slidesgo - Copy.pptx
- 2. Contents Introduction About : Kicklance , Trainer , Training Plan , Trainees Programming tightly related with Internet Where Front and Back end developer role inside the Web Works road Where ,When ,What and How Be Front end 01 03 02 04 Why and What Web? How Websites Work ? Front end 05 Start and Setup
- 3. 01 About : Kicklance , Trainer , Training Plan , Trainees Introduction
- 4. Introduction Mercury takes a little more than 58 days to complete its rotation, so try to imagine how long days must be there! Since the temperatures are so extreme, albeit not as extreme as on Venus, Mercury has been deemed to be non-habitable for humans Mercury is the closest planet to the Sun and the smallest one in the entire Solar System. This planet’s name has nothing to do with the liquid metal, since Mercury was named after the Roman messenger god. Mercury’s surface is filled with craters
- 5. — Steve Jobs “Everybody in this country should learn to program a computer, because it teaches you how to think”
- 6. ● Why ● Where ● How ● … Internet - www
- 7. 5.64 Billion users How many users in this world use the internet ?
- 8. Users Around The World that Use the Internet 68.7 %
- 9. Collaborative Work & Tools AS Programming Web Development Mobile Development APIs Integrations Cloud Programming tightly related with Internet
- 12. www.amazon.com
- 15. How control for what we see in the Websites ?
- 22. Responsiveness Responsiveness is the ability of a website to adapt its layout and content automatically based on the screen size and device (mobile, tablet, laptop, etc.).
- 24. Back end
- 26. Start NOW…
- 27. 1. VS code Editor 2. Browser 3. Folder (mange extensions) Tools and Step up for Start
- 33. Contents of this template Nslookp.io https://www.submarinecablemap.com/ Fonts To view this template correctly in PowerPoint, download and install the fonts we used Used and alternative resources An assortment of graphic resources that are suitable for use in this presentation Thanks slide You must keep it so that proper credits for our design are given Colors All the colors used in this presentation Icons and infographic resources These can be used in the template, and their size and color can be edited Editable presentation theme You can edit the master slides easily. For more info, click here For more info: Slidesgo | Blog | FAQs You can visit our sister projects: Freepik | Flaticon | Storyset | Wepik | Videvo
- 34. Concepts Venus has a beautiful name and is the second planet from the Sun. It’s hot and has a poisonous atmosphere Mercury is the closest planet to the Sun and the smallest one in the Solar System—it’s only a bit larger than the Moon Venus Mercury
- 35. What is this topic about? Mars It’s the closest planet to the Sun and the smallest in the Solar System Venus has a beautiful name and is the second planet from the Sun Despite being red, Mars is actually a cold place. It’s full of iron oxide dust Mercury Venus
- 36. It’s the farthest planet from the Sun Saturn Features of the topic Mars Neptune Jupiter is the biggest planet of them all Saturn is a gas giant and has several rings Jupiter Despite being red, Mars is very cold
- 37. Examples It’s the closest planet to the Sun and the smallest in the Solar System Venus has a beautiful name and is the second planet from the Sun Mars Mercury Venus Despite being red, Mars is actually a cold place. It’s full of iron oxide dust
- 38. A picture is worth a thousand words
- 39. Practical exercise - calculator Objective: Introduce participants to basic coding concepts by building a simple calculator Instructions: 1. Open a Python development environment and write the following code: # Simple Calculator num1 = int(input("Enter the first number: ")) num2 = int(input("Enter the second number: ")) print("Sum:", num1 + num2) print("Difference:", num1 - num2) print("Product:", num1 * num2) print("Quotient:", num1 / num2) 2. Run the program and experiment with different numbers 3. Observe the output
- 40. Brainstorm and idea generation Power 1 Earth It’s the smallest planet of them all Mercury Venus is the second planet from the Sun Venus Mars It’s the farthest planet from the Sun Neptun e Saturn was named after a Roman god Saturn
- 41. Main topic and details It’s the farthest planet from the Sun Saturn Mars Neptune Jupiter is the biggest planet of them all It’s a gas giant and has several rings Jupiter Despite being red, Mars is very cold
- 42. Popular programming languages Mercury is the closest planet to the Sun and the smallest of them all Neptune 01 Venus has a beautiful name and is the second planet from the Sun Venus 02 Earth is the third planet from the Sun and the only one that harbors life in the Solar System Earth 03 Saturn is a gas giant and has several rings. It’s composed mostly of hydrogen and helium Saturn 04
- 43. Saturn is composed of hydrogen and helium Mercury is the closest planet to the Sun Jupiter was named after a Roman god Sequences First Next Next Despite being red, Mars is very cold Next Earth is the third planet from the Sun Next Venus has extremely high temperatures Last
- 44. Classification Mars Venus Mercury Jupiter ● Small ● Red ● Cold ● Rocky ● Small ● Hot ● Dry ● Volcanic ● Small ● Hot ● Rocky ● Cratered ● Large ● Cold ● Gassy ● Striped Mars is full of iron oxide dust Venus has high temperatures Mercury is quite a small planet Jupiter is a huge gas giant
- 45. Cause and effect Saturn Mercury is the closest planet to the Sun Saturn is a gas giant and has several rings Mercury Problem Solution Venus Despite being red, Mars is very cold Venus is the second planet from the Sun Mars
- 46. Question and answer Is Mercury the closest planet to the Sun and the smallest one in the Solar System? Note that it’s a bit larger than the Moon Venus has a beautiful name and is the second planet from the Sun. It’s hot and has a poisonous atmosphere Question Answer
- 47. Step-by-step coding Earth It’s the only planet known to harbor life Mercury Mercury is the closest planet to the Sun 01 Jupiter Jupiter is the biggest planet of them all Saturn Saturn was named after a Roman god 02 03 04
- 48. Parts and whole Mercury is the closest planet to the Sun and the smallest one in the entire Solar System The whole objective ● Mercury ● Jupiter ● Venus ● Mars ● Earth ● Saturn ● Mercury Parts of the object Earth is the third planet from the Sun and the only one that harbors life in the Solar System What happens if the parts are missing? Jupiter is a gas giant and the biggest planet in the Solar System What’s the function of the parts?
- 49. You can use this graph Follow the link in the graph to modify its data and then paste the new one here. For more info, click here Mercury Mercury is the closest planet to the Sun Jupiter Jupiter is the biggest planet of them all Saturn Saturn was named after a Roman god
- 50. CREDITS: This presentation template was created by Slidesgo, and includes icons, infographics & images by Freepik Do you have any questions? youremail@freepik.com +34 654 321 432 yourwebsite.com Thanks! Please keep this slide for attribution
- 51. Icon pack
- 52. Alternative resources Here’s an assortment of alternative resources whose style fits that of this template:
- 53. Resources Did you like the resources in this template? Get them for free at our other websites: Photos: ● Medium shot man working on laptop ● Group of friends planning a trip in a cafe ● Medium shot man working on laptop ● Side view of men working on laptops at the o ffice ● Lifestyle of woman in the office ● Secretary working on laptop Vectors: ● Abstract gradient circuit board background Icon pack: ● Icon Pack: Coding | Lineal
- 54. Instructions for use If you have a free account, in order to use this template, you must credit Slidesgo by keeping the Thanks slide. Please refer to the next slide to read the instructions for premium users. As a Free user, 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 our blog: https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
- 55. 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 our blog: https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school Instructions for use (premium users)
- 56. This presentation has been made using the following fonts: IBM Plex Mono Bold (https://fonts.google.com/specimen/IBM+Plex+Mono) Poppins Normal & Bold (https://fonts.google.com/specimen/Poppins) #f5f8ff #bfbef7 #0c0a9e #8208d5 #1d1d1d #eb9109 Fonts & colors used
- 57. 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. Storyset Pana Amico Bro Rafiki Cuate
- 58. 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. Use our editable graphic resources...
- 61. JANUARY FEBRUARY MARCH APRIL PHASE 1 Task 1 Task 2 JANUARY FEBRUARY MARCH APRIL MAY JUNE PHASE 1 PHASE 2 Task 1 Task 2 Task 1 Task 2
- 64. 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. ...and our sets of editable icons
- 65. Educational Icons Medical Icons
- 66. Business Icons Teamwork Icons
- 67. Help & Support Icons Avatar Icons
- 68. Creative Process Icons Performing Arts Icons
- 69. Nature Icons
- 70. SEO & Marketing Icons