├── .gitignore ├── CSS Properties ├── 6.0 CSS Colors │ ├── goal.png │ └── index.html ├── 6.1 Font Properties │ ├── goal.png │ ├── index.html │ └── solution.html └── 6.3 CSS Box Model │ ├── goal.png │ └── index.html ├── Intermediate HTML ├── 3.0-List-Elements │ ├── goal.png │ └── index.html ├── 3.1 Nesting and Indentation │ ├── goal.png │ └── index.html ├── 3.2 Anchor Elements │ ├── goal.png │ └── index.html ├── 3.3 Image Elements │ ├── goal1.png │ ├── goal2.png │ ├── solution1.html │ └── solution2.html └── 3.4 Birthday Invite Project │ ├── goal.png │ └── index.html ├── Introduction to CSS ├── 5.1. Adding CSS │ ├── external.html │ ├── index.html │ ├── inline.html │ ├── internal.html │ └── style.css ├── 5.3 CSS Selectors │ ├── goal.png │ ├── index.html │ └── style.css └── 5.4 Color Vocab Project │ ├── assets │ └── images │ │ ├── blue.png │ │ ├── green.png │ │ ├── orange.png │ │ ├── red.png │ │ └── yellow.png │ ├── goal.png │ ├── index.html │ └── style.css ├── Introduction to HTML ├── 2.1 Heading Element │ ├── goal.png │ └── index.html ├── 2.2 Paragraph Element │ ├── goal.png │ └── index.html ├── 2.3 Void Elements │ ├── goal.png │ └── index.html └── 2.4 Movie Ranking Project │ ├── goal.png │ └── index.html ├── Multi-Page Websites ├── 4.0 File Paths │ ├── Folder0 │ │ ├── Folder3 │ │ │ └── cat.png │ │ ├── goal.png │ │ ├── index.html │ │ ├── rabbit.png │ │ └── solution.html │ ├── Folder1 │ │ ├── Folder2 │ │ │ └── bird.png │ │ └── fish.png │ └── dog.png ├── 4.1 Webpages │ ├── assets │ │ └── images │ │ │ └── cat.png │ ├── goal.png │ ├── index.html │ ├── public │ │ ├── about.html │ │ └── contact.html │ └── solution.html └── 4.3 HTML Porfolio Project │ ├── assets │ └── images │ │ ├── birthday-invite.png │ │ └── movie-ranking.png │ ├── goal.png │ ├── index.html │ └── public │ ├── about.html │ ├── birthday-invite.html │ ├── contact.html │ └── movie-ranking.html └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | *~ 2 | 3 | # temporary files which can be created if a process still has a handle open of a deleted file 4 | .fuse_hidden* 5 | 6 | # KDE directory preferences 7 | .directory 8 | 9 | # Linux trash folder which might appear on any partition or disk 10 | .Trash-* 11 | 12 | # .nfs files are created when an open file is removed but is still being accessed 13 | .nfs* 14 | 15 | .vscode/* 16 | !.vscode/settings.json 17 | !.vscode/tasks.json 18 | !.vscode/launch.json 19 | !.vscode/extensions.json 20 | !.vscode/*.code-snippets 21 | 22 | # Local History for Visual Studio Code 23 | .history/ 24 | 25 | # Built Visual Studio Code Extensions 26 | *.vsix 27 | 28 | # Logs 29 | logs 30 | *.log 31 | npm-debug.log* 32 | yarn-debug.log* 33 | yarn-error.log* 34 | lerna-debug.log* 35 | .pnpm-debug.log* 36 | 37 | # Diagnostic reports (https://nodejs.org/api/report.html) 38 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 39 | 40 | # Runtime data 41 | pids 42 | *.pid 43 | *.seed 44 | *.pid.lock 45 | 46 | # Directory for instrumented libs generated by jscoverage/JSCover 47 | lib-cov 48 | 49 | # Coverage directory used by tools like istanbul 50 | coverage 51 | *.lcov 52 | 53 | # nyc test coverage 54 | .nyc_output 55 | 56 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 57 | .grunt 58 | 59 | # Bower dependency directory (https://bower.io/) 60 | bower_components 61 | 62 | # node-waf configuration 63 | .lock-wscript 64 | 65 | # Compiled binary addons (https://nodejs.org/api/addons.html) 66 | build/Release 67 | 68 | # Dependency directories 69 | node_modules/ 70 | jspm_packages/ 71 | 72 | # Snowpack dependency directory (https://snowpack.dev/) 73 | web_modules/ 74 | 75 | # TypeScript cache 76 | *.tsbuildinfo 77 | 78 | # Optional npm cache directory 79 | .npm 80 | 81 | # Optional eslint cache 82 | .eslintcache 83 | 84 | # Optional stylelint cache 85 | .stylelintcache 86 | 87 | # Microbundle cache 88 | .rpt2_cache/ 89 | .rts2_cache_cjs/ 90 | .rts2_cache_es/ 91 | .rts2_cache_umd/ 92 | 93 | # Optional REPL history 94 | .node_repl_history 95 | 96 | # Output of 'npm pack' 97 | *.tgz 98 | 99 | # Yarn Integrity file 100 | .yarn-integrity 101 | 102 | # dotenv environment variable files 103 | .env 104 | .env.development.local 105 | .env.test.local 106 | .env.production.local 107 | .env.local 108 | 109 | # parcel-bundler cache (https://parceljs.org/) 110 | .cache 111 | .parcel-cache 112 | 113 | # Next.js build output 114 | .next 115 | out 116 | 117 | # Nuxt.js build / generate output 118 | .nuxt 119 | dist 120 | 121 | # Gatsby files 122 | .cache/ 123 | # Comment in the public line in if your project uses Gatsby and not Next.js 124 | # https://nextjs.org/blog/next-9-1#public-directory-support 125 | # public 126 | 127 | # vuepress build output 128 | .vuepress/dist 129 | 130 | # vuepress v2.x temp and cache directory 131 | .temp 132 | .cache 133 | 134 | # Docusaurus cache and generated files 135 | .docusaurus 136 | 137 | # Serverless directories 138 | .serverless/ 139 | 140 | # FuseBox cache 141 | .fusebox/ 142 | 143 | # DynamoDB Local files 144 | .dynamodb/ 145 | 146 | # TernJS port file 147 | .tern-port 148 | 149 | # Stores VSCode versions used for testing VSCode extensions 150 | .vscode-test 151 | 152 | # yarn v2 153 | .yarn/cache 154 | .yarn/unplugged 155 | .yarn/build-state.yml 156 | .yarn/install-state.gz 157 | .pnp.* 158 | -------------------------------------------------------------------------------- /CSS Properties/6.0 CSS Colors/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/CSS Properties/6.0 CSS Colors/goal.png -------------------------------------------------------------------------------- /CSS Properties/6.0 CSS Colors/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Colors 6 | 19 | 20 | 21 | 22 |

Hello

23 |

World

24 | 25 | 26 | -------------------------------------------------------------------------------- /CSS Properties/6.1 Font Properties/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/CSS Properties/6.1 Font Properties/goal.png -------------------------------------------------------------------------------- /CSS Properties/6.1 Font Properties/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS Properties 6 | 31 | 32 | 33 | 37 | 38 | 39 | 40 |

Important CSS Properties

41 |

Color

42 |

Font Size

43 |

Font Weight

44 |

Font Family

45 |

Text Align

46 | 47 | 48 | -------------------------------------------------------------------------------- /CSS Properties/6.1 Font Properties/solution.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | CSS Properties 7 | 45 | 46 | 47 | 48 | 49 | 50 | 51 |

Important CSS Properties

52 |

Color

53 |

Font Size

54 |

Font Weight

55 |

Font Family

56 |

Text Align

57 | 58 | 59 | -------------------------------------------------------------------------------- /CSS Properties/6.3 CSS Box Model/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/CSS Properties/6.3 CSS Box Model/goal.png -------------------------------------------------------------------------------- /CSS Properties/6.3 CSS Box Model/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS Box Model 6 | 31 | 32 | 33 | 34 |
35 |

36 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at 37 | sapien porttitor urna elementum lacinia. In id magna pulvinar, ultricies 38 | lorem id, vehicula elit. Aliquam eu luctus nisl, vitae pellentesque 39 | magna. Phasellus dolor metus, laoreet ac convallis sit amet, efficitur 40 | sed dolor. 41 |

42 |
43 |
44 |
45 | 46 | 47 | -------------------------------------------------------------------------------- /Intermediate HTML/3.0-List-Elements/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.0-List-Elements/goal.png -------------------------------------------------------------------------------- /Intermediate HTML/3.0-List-Elements/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

Angela's Recipe for the Best Cinnamon Rolls

10 |

Ingredients

11 |

For the dough:

12 | 20 |

For the filling:

21 | 26 |

Instructions

27 |
    28 |
  1. Mix the milk with the yeast, sugar, eggs.
    2. 29 |
  2. Melt the butter and add to the mixture.
    3. 30 |
  3. Add in the flour and mix until combined into a dough.
    4. 31 |
  4. Knead the dough for 10 minuites.
    5. 32 |
  5. 33 | Transfer the dough into a large bowl and cover with plastic wrap. Leave 34 | it somewhere to rise for 2 hours. 35 |
    6. 36 |
  6. 37 | After the dough has doubled in size, roll it out into a large rectangle. 38 |
    7. 39 |
  7. 40 | Melt the butter for the filling and mix in the sugar and cinnamon. 41 |
    8. 42 |
  8. 43 | Spread the filling onto the dough then roll the dough into a swiss roll. 44 |
    9. 45 |
  9. Cut the roll into 3cm sections and place flat into a baking tray.
    10. 46 |
  10. 47 | Preheat the oven to 350F or 180C, then bake the rolls for 20-25min until 48 | lightly brown. 49 |
    11. 50 |
51 | 52 | 53 | -------------------------------------------------------------------------------- /Intermediate HTML/3.1 Nesting and Indentation/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.1 Nesting and Indentation/goal.png -------------------------------------------------------------------------------- /Intermediate HTML/3.1 Nesting and Indentation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /Intermediate HTML/3.2 Anchor Elements/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.2 Anchor Elements/goal.png -------------------------------------------------------------------------------- /Intermediate HTML/3.2 Anchor Elements/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

My top 5 Favourite Website

10 |
    11 |
  1. Product Hunt
    2. 12 |
  2. Smash the Walls
    3. 13 |
  3. Wordle
    4. 14 |
  4. Hacker Typer
    5. 15 |
  5. Stellarium
    6. 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Intermediate HTML/3.3 Image Elements/goal1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.3 Image Elements/goal1.png -------------------------------------------------------------------------------- /Intermediate HTML/3.3 Image Elements/goal2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.3 Image Elements/goal2.png -------------------------------------------------------------------------------- /Intermediate HTML/3.3 Image Elements/solution1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

I am a Cat Person

10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Intermediate HTML/3.3 Image Elements/solution2.html: -------------------------------------------------------------------------------- 1 |

I am a Dog Person

2 | puppy digging in the sand -------------------------------------------------------------------------------- /Intermediate HTML/3.4 Birthday Invite Project/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Intermediate HTML/3.4 Birthday Invite Project/goal.png -------------------------------------------------------------------------------- /Intermediate HTML/3.4 Birthday Invite Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

It's My Birthday!

10 |

On the 12th May

11 | birthday 15 |

What to bring:

16 | 21 |

This is where you need to go:

22 | Google map link 26 | 27 | 28 | -------------------------------------------------------------------------------- /Introduction to CSS/5.1. Adding CSS/external.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | External 6 | 7 | 8 | 9 |

Style Me in Green

10 | 11 | 12 | -------------------------------------------------------------------------------- /Introduction to CSS/5.1. Adding CSS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Adding CSS 6 | 7 | 8 | 9 |

Three Methods of Adding CSS

10 | Inline 11 | Internal 12 | External 13 | 14 | 15 | -------------------------------------------------------------------------------- /Introduction to CSS/5.1. Adding CSS/inline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Inline 6 | 7 | 8 | 9 |

Style Me in Blue!

10 | 11 | 12 | -------------------------------------------------------------------------------- /Introduction to CSS/5.1. Adding CSS/internal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Internal 6 | 11 | 12 | 13 | 14 |

Style Me in Red!

15 | 16 | 17 | -------------------------------------------------------------------------------- /Introduction to CSS/5.1. Adding CSS/style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | color: green; 3 | } 4 | -------------------------------------------------------------------------------- /Introduction to CSS/5.3 CSS Selectors/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.3 CSS Selectors/goal.png -------------------------------------------------------------------------------- /Introduction to CSS/5.3 CSS Selectors/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS Selectors 6 | 7 | 8 | 9 | 10 |

CSS Selectors

11 |

Applying CSS to Different Parts of HTML

12 |

13 | 1. The element selector targets elements based on their HTML tag name. 14 |

15 | 16 |
    17 |
  1. 18 | Class selectors target elements based on the value of the class 19 | attribute. 20 |
    2. 21 |
  2. 22 | ID selectors target elements based on the value of the id attribute. 23 |
    3. 24 | 25 |
  3. 26 | Attribute selectors target elements based on their attributes and 27 | values. 28 |
    4. 29 | 30 | 31 |
  4. 32 | The universal selector targets all elements. 33 |
    5. 34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /Introduction to CSS/5.3 CSS Selectors/style.css: -------------------------------------------------------------------------------- 1 | ol { 2 | margin-left: -40px; 3 | margin-top: -20px; 4 | list-style-position: inside; 5 | } 6 | 7 | /* Write your CSS below, don't change the rules above. */ 8 | p { 9 | color: red; 10 | } 11 | .note { 12 | font-size: 20px; 13 | } 14 | #id-selector-demo { 15 | color: green; 16 | } 17 | li[value="4"] { 18 | color: blue; 19 | } 20 | * { 21 | text-align: center; 22 | } 23 | -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/assets/images/blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/assets/images/blue.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/assets/images/green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/assets/images/green.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/assets/images/orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/assets/images/orange.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/assets/images/red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/assets/images/red.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/assets/images/yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/assets/images/yellow.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to CSS/5.4 Color Vocab Project/goal.png -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Spanish Vocabulary 6 | 7 | 8 | 9 | 10 |

Colors

11 |

Learn the colors in Spanish!

12 |

Rojo

13 | red 14 | 15 |

Azul

16 | blue 17 | 18 |

Anaranjado

19 | orange 20 | 21 |

Verde

22 | green 23 | 24 |

Amarillo

25 | yellow 26 | 27 | 28 | -------------------------------------------------------------------------------- /Introduction to CSS/5.4 Color Vocab Project/style.css: -------------------------------------------------------------------------------- 1 | .color-title { 2 | font-weight: normal; 3 | } 4 | img { 5 | width: 200px; 6 | height: 200px; 7 | } 8 | #red { 9 | color: red; 10 | } 11 | #blue { 12 | color: blue; 13 | } 14 | #orange { 15 | color: orange; 16 | } 17 | #green { 18 | color: green; 19 | } 20 | #yellow { 21 | color: yellow; 22 | } 23 | -------------------------------------------------------------------------------- /Introduction to HTML/2.1 Heading Element/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to HTML/2.1 Heading Element/goal.png -------------------------------------------------------------------------------- /Introduction to HTML/2.1 Heading Element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 2.1 Heading Element 7 | 8 | 9 |

Book

10 |

Chapter

11 |

Section 1

12 |

Section 2

13 |

Chapter 2

14 |

Section 1

15 |

Diagram 1

16 |

Chapter 3

17 |

Section 1

18 |

Section 2

19 | 20 | 21 | -------------------------------------------------------------------------------- /Introduction to HTML/2.2 Paragraph Element/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to HTML/2.2 Paragraph Element/goal.png -------------------------------------------------------------------------------- /Introduction to HTML/2.2 Paragraph Element/index.html: -------------------------------------------------------------------------------- 1 |

2 | First paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed 3 | do eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu cursus 4 | vitae congue mauris. In nisl nisi scelerisque eu ultrices vitae auctor eu 5 | augue. Nisi est sit amet facilisis magna. Diam sit amet nisl suscipit 6 | adipiscing bibendum est ultricies integer. Quis ipsum suspendisse ultrices 7 | gravida dictum fusce ut. Euismod elementum nisi quis eleifend. Habitant morbi 8 | tristique senectus et. Amet nisl suscipit adipiscing bibendum est ultricies 9 | integer. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Nisi 10 | quis eleifend quam adipiscing. Neque convallis a cras semper auctor neque 11 | vitae. Magna fermentum iaculis eu non. Vivamus arcu felis bibendum ut 12 | tristique et. Justo nec ultrices dui sapien eget mi. In vitae turpis massa sed 13 | elementum tempus. Eu facilisis sed odio morbi quis commodo. Sagittis aliquam 14 | malesuada bibendum arcu vitae elementum curabitur vitae. 15 |

16 | 17 |

18 | Second paragraph. Suscipit adipiscing bibendum est ultricies. Tortor aliquam 19 | nulla facilisi cras fermentum. Eget aliquet nibh praesent tristique magna. In 20 | hac habitasse platea dictumst vestibulum. Ornare quam viverra orci sagittis 21 | eu. Sit amet est placerat in. Proin fermentum leo vel orci porta non pulvinar 22 | neque laoreet. Turpis in eu mi bibendum neque egestas congue. Enim eu turpis 23 | egestas pretium aenean pharetra magna ac placerat. Ultrices sagittis orci a 24 | scelerisque purus semper eget duis at. Egestas egestas fringilla phasellus 25 | faucibus scelerisque eleifend donec pretium. Condimentum lacinia quis vel eros 26 | donec ac odio. 27 |

28 | 29 |

30 | Third paragraph. Nisl purus in mollis nunc sed id semper risus. Ipsum a arcu 31 | cursus vitae congue mauris rhoncus aenean. Ridiculus mus mauris vitae 32 | ultricies leo integer malesuada nunc. In tellus integer feugiat scelerisque. 33 | Lectus mauris ultrices eros in cursus turpis massa. Sollicitudin ac orci 34 | phasellus egestas. Massa massa ultricies mi quis hendrerit dolor. Quam 35 | elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Iaculis 36 | nunc sed augue lacus viverra. Id ornare arcu odio ut sem nulla pharetra. Amet 37 | luctus venenatis lectus magna fringilla urna porttitor. Eu nisl nunc mi ipsum 38 | faucibus vitae aliquet nec ullamcorper. Nunc mattis enim ut tellus elementum 39 | sagittis. Mauris augue neque gravida in fermentum et sollicitudin. 40 | Pellentesque habitant morbi tristique senectus. Tristique senectus et netus 41 | et. Turpis egestas sed tempus urna et pharetra pharetra. Feugiat vivamus at 42 | augue eget arcu dictum varius duis at. Lacus sed viverra tellus in hac 43 | habitasse platea dictumst vestibulum. Nisl condimentum id venenatis a 44 | condimentum vitae sapien. 45 |

46 | -------------------------------------------------------------------------------- /Introduction to HTML/2.3 Void Elements/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to HTML/2.3 Void Elements/goal.png -------------------------------------------------------------------------------- /Introduction to HTML/2.3 Void Elements/index.html: -------------------------------------------------------------------------------- 1 |

William Blake

2 | 3 |

4 | 17 south molton street
5 | London
6 | W1K 5QT
7 | UK
8 |

9 | 10 |
11 | 12 |

13 | William Blake (28 November 1757 – 12 August 1827) was an English poet, 14 | painter, and printmaker. Largely unrecognised during his life, Blake is now 15 | considered a seminal figure in the history of the poetry and visual art of the 16 | Romantic Age. What he called his "prophetic works" were said by 20th-century 17 | critic Northrop Frye to form "what is in proportion to its merits the least 18 | read body of poetry in the English language".[2] His visual artistry led 19 | 21st-century critic Jonathan Jones to proclaim him "far and away the greatest 20 | artist Britain has ever produced".[3] In 2002, Blake was placed at number 38 21 | in the BBC's poll of the 100 Greatest Britons.[4] While he lived in London his 22 | entire life, except for three years spent in Felpham,[5] he produced a diverse 23 | and symbolically rich collection of works, which embraced the imagination as 24 | "the body of God"[6] or "human existence itself".[7] 25 |

26 | 27 |

28 | Although Blake was considered mad by contemporaries for his idiosyncratic 29 | views, he is held in high regard by later critics for his expressiveness and 30 | creativity, and for the philosophical and mystical undercurrents within his 31 | work. His paintings and poetry have been characterised as part of the Romantic 32 | movement and as "Pre-Romantic".[8] In fact, he has been said to be "a key 33 | early proponent of both Romanticism and Nationalism".[9] A committed Christian 34 | who was hostile to the Church of England (indeed, to almost all forms of 35 | organised religion), Blake was influenced by the ideals and ambitions of the 36 | French and American revolutions.[10][11] Though later he rejected many of 37 | these political beliefs, he maintained an amiable relationship with the 38 | political activist Thomas Paine; he was also influenced by thinkers such as 39 | Emanuel Swedenborg.[12] Despite these known influences, the singularity of 40 | Blake's work makes him difficult to classify. The 19th-century scholar William 41 | Michael Rossetti characterised him as a "glorious luminary",[13] and "a man 42 | not forestalled by predecessors, nor to be classed with contemporaries, nor to 43 | be replaced by known or readily surmisable successors".[14] 44 |

45 | -------------------------------------------------------------------------------- /Introduction to HTML/2.4 Movie Ranking Project/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Introduction to HTML/2.4 Movie Ranking Project/goal.png -------------------------------------------------------------------------------- /Introduction to HTML/2.4 Movie Ranking Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

The Best Movies According to Angela

10 |

My top 3 movies of all-time.

11 |
12 |

Spirited Away

13 |

This is my favourite anime. I love the beautiful images.

14 |

Ex Machina

15 |

Really cool sci-fi movie.

16 |

Drive

17 |

Super beautiful film. Really artistic.

18 | 19 | 20 | -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder0/Folder3/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/Folder0/Folder3/cat.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder0/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/Folder0/goal.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder0/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

All the Animals

10 |

Rabbit:

11 | rabbit 12 |

Cat:

13 | cat 14 |

Dog:

15 | dog 16 |

Fish:

17 | fish 18 |

Bird:

19 | bird 20 | 21 | 22 | -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder0/rabbit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/Folder0/rabbit.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder0/solution.html: -------------------------------------------------------------------------------- 1 |

All the Animals

2 | 3 |

Rabbit:

4 | rabbit 5 | 6 |

Cat:

7 | cat 8 | 9 |

Dog:

10 | dog 11 | 12 |

Fish:

13 | fish 14 | 15 |

Bird:

16 | bird -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder1/Folder2/bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/Folder1/Folder2/bird.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/Folder1/fish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/Folder1/fish.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.0 File Paths/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.0 File Paths/dog.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/assets/images/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.1 Webpages/assets/images/cat.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.1 Webpages/goal.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

Welcome to My Website!

10 | cat 13 |
14 | Contact Me 15 | 16 | 17 | -------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/public/about.html: -------------------------------------------------------------------------------- 1 |

About Me

2 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem tellus, sagittis non odio nec, interdum 3 | elementum lacus. Ut ac justo eget risus sollicitudin fringilla sed ut leo. Ut condimentum elit nec fermentum lobortis. 4 | Quisque tincidunt quam nec tincidunt ullamcorper. Integer vitae pretium justo. In placerat volutpat pellentesque. 5 | Etiam 6 | gravida quam vitae odio pulvinar imperdiet. Vivamus venenatis gravida purus sit amet aliquet. Ut in nibh sed quam 7 | laoreet lacinia. Cras cursus ut dui vitae posuere. Vivamus volutpat urna vitae odio fringilla placerat. Nulla vel 8 | rhoncus sapien. Phasellus at interdum enim.

9 | 10 |

Curabitur elementum sagittis mollis. In porta nec quam ut semper. Nulla volutpat neque quis lacus mattis eleifend. 11 | Phasellus et congue odio. Mauris tristique, nisl quis porttitor porttitor, tortor ante mattis ex, at dictum tortor 12 | dolor 13 | ut sem. Nullam nec libero non ex porta vulputate a eu sapien. In nec bibendum mauris. Fusce iaculis lectus vel magna 14 | laoreet gravida.

15 | 16 |

Donec euismod vestibulum arcu, a blandit metus mattis ultrices. Integer quis hendrerit justo. Maecenas sed tempor mi. 17 | Fusce egestas urna leo. Mauris viverra sem sed libero egestas, volutpat aliquet magna porta. Quisque id diam sed ipsum 18 | interdum sollicitudin id quis augue. Donec congue nisl nec massa ornare imperdiet quis quis odio. Etiam ut volutpat 19 | nisl. Vestibulum hendrerit justo nibh, eget consequat magna fermentum finibus. Pellentesque et urna fringilla, rutrum 20 | neque in, varius leo. Vestibulum efficitur id massa eget pellentesque.

-------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/public/contact.html: -------------------------------------------------------------------------------- 1 |

Contact Me

2 |

Tel: +123456789

3 |

Email: me@gmail.com

4 |

Address:

5 |

6 | 123 North Street
7 | Some City
8 | Some Country
9 |

-------------------------------------------------------------------------------- /Multi-Page Websites/4.1 Webpages/solution.html: -------------------------------------------------------------------------------- 1 |

Welcome to My Website!

2 | 3 | cat 4 |
5 | 6 | 7 | Contact Me -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/assets/images/birthday-invite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.3 HTML Porfolio Project/assets/images/birthday-invite.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/assets/images/movie-ranking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.3 HTML Porfolio Project/assets/images/movie-ranking.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/goal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/prtrt/The-Complete-2024-Web-Development-Bootcamp/472be85b26bef9873c62041fa37b09045168e8d9/Multi-Page Websites/4.3 HTML Porfolio Project/goal.png -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Angela's Portfolio 7 | 8 | 9 |

Angela Yu's Portfolio

10 |

I'm a Web Developer

11 |
12 |

Movie Ranking Project

13 | Movie Ranking 18 |

Birtday Invite Project

19 | Birthday 24 |
25 | About Me 26 | Contact Me 27 | 28 | 29 | -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/public/about.html: -------------------------------------------------------------------------------- 1 |

About Me

2 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem tellus, sagittis non odio nec, interdum 3 | elementum lacus. Ut ac justo eget risus sollicitudin fringilla sed ut leo. Ut condimentum elit nec fermentum lobortis. 4 | Quisque tincidunt quam nec tincidunt ullamcorper. Integer vitae pretium justo. In placerat volutpat pellentesque. 5 | Etiam 6 | gravida quam vitae odio pulvinar imperdiet. Vivamus venenatis gravida purus sit amet aliquet. Ut in nibh sed quam 7 | laoreet lacinia. Cras cursus ut dui vitae posuere. Vivamus volutpat urna vitae odio fringilla placerat. Nulla vel 8 | rhoncus sapien. Phasellus at interdum enim.

9 | 10 |

Curabitur elementum sagittis mollis. In porta nec quam ut semper. Nulla volutpat neque quis lacus mattis eleifend. 11 | Phasellus et congue odio. Mauris tristique, nisl quis porttitor porttitor, tortor ante mattis ex, at dictum tortor 12 | dolor 13 | ut sem. Nullam nec libero non ex porta vulputate a eu sapien. In nec bibendum mauris. Fusce iaculis lectus vel magna 14 | laoreet gravida.

15 | 16 |

Donec euismod vestibulum arcu, a blandit metus mattis ultrices. Integer quis hendrerit justo. Maecenas sed tempor mi. 17 | Fusce egestas urna leo. Mauris viverra sem sed libero egestas, volutpat aliquet magna porta. Quisque id diam sed ipsum 18 | interdum sollicitudin id quis augue. Donec congue nisl nec massa ornare imperdiet quis quis odio. Etiam ut volutpat 19 | nisl. Vestibulum hendrerit justo nibh, eget consequat magna fermentum finibus. Pellentesque et urna fringilla, rutrum 20 | neque in, varius leo. Vestibulum efficitur id massa eget pellentesque.

-------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/public/birthday-invite.html: -------------------------------------------------------------------------------- 1 | 2 |

It's My Birthday!

3 |

On the 12th May

4 | 5 | purple birthday cake with candles 7 | 8 |

What to bring:

9 | 14 | 15 |

This is where you need to go:

16 | Google 18 | map link -------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/public/contact.html: -------------------------------------------------------------------------------- 1 |

Contact Me

2 |

Tel: +123456789

3 |

Email: me@gmail.com

4 |

Address:

5 |

6 | 123 North Street
7 | Some City
8 | Some Country
9 |

-------------------------------------------------------------------------------- /Multi-Page Websites/4.3 HTML Porfolio Project/public/movie-ranking.html: -------------------------------------------------------------------------------- 1 |

The Best Movies According to Angela

2 |

My top 3 movies of all-time.

3 |
4 |

Spirited Away

5 |

This is my favourite anime. I love the beautiful images.

6 |

Ex Machina

7 |

Really cool sci-fi movie.

8 |

Drive

9 |

Super beautiful film. Really artistic.

-------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # The-Complete-2024-Web-Development-Bootcamp 2 | ## My solutions. 3 | Created by Dr. Angela Yu. 4 | (https://www.udemy.com/course/the-complete-web-development-bootcamp/) 5 | Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, PostgreSQL, Web3 and DApps 6 | --------------------------------------------------------------------------------