yarn install
Starting today, there will be a fundamentals section in each workshop. Start by completing this section before moving on to the following exercises.
See the README.md for more information.
In this exercise, we'll see how to create web pages using Javascript alone!
In the exercise-1 folder, there are the following files.
example.html(READ ONLY) This is the file that contains the HTML of a short webpage.styles.css(READ ONLY) Some styles that are used inexample.htmlexercise.html(READ ONLY) This is the HTML file in which you will use JavaScript to recreate the HTML content fromexample.htmlscripts.jsThis is where you will write the JS required to inject all of the HTML intoexercise.htmlassetsSome images used in the example
Create the content of a webpage entirely with Javascript.
- Recreate the content structure from
example.html. - To do this, you are not allowed to modify any of the HTML files, only
scripts.jsshould be modified. - Once you've completed this, compare
example.htmland yourexercise.htmlfile using "Live Preview", you will notice that they look nothing alike. - Add code to the
scripts.jsthat will add a<link>to thestyles.cssin the<head>ofexercise.html.
In other words: We'll start by recreating the HTML structure, without worrying about the styles. Once the HTML is correct, we'll add a <link> tag, which will add the relevant styles.
You'll need to make extensive use of document.createElement!
🟡 - Minimally complete workshop (75%) - 🟡
🟢 - Complete workshop (100%) - 🟢
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent