Skip to content

Commit 3cddad6

Browse files
nityanitya
committed
initial import: project folders
1 parent 4aa5ee7 commit 3cddad6

File tree

7 files changed

+95
-8
lines changed

7 files changed

+95
-8
lines changed

‎.devcontainer/devcontainer.json

+17-7
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,24 @@
1+
// For format details, see https://aka.ms/devcontainer.json. For config options, see the
2+
// README at: https://github.com/devcontainers/templates/tree/main/src/universal
13
{
2-
"extensions": [
4+
"name": "Default Linux Universal",
5+
"image": "mcr.microsoft.com/devcontainers/universal:2-linux",
6+
"features": {
7+
"ghcr.io/devcontainers/features/git:1": {},
8+
},
9+
"customizations": {
10+
"vscode": {
11+
"extensions": [
312
"GitHub.github-vscode-theme",
413
"esbenp.prettier-vscode",
514
"dbaeumer.vscode-eslint",
615
"ritwickdey.LiveServer",
716
"stylelint.vscode-stylelint"
8-
// Additional Extensions Here
9-
],
17+
]
18+
}
19+
},
1020
"onCreateCommand": "echo PS1='\"$ \"' >> ~/.bashrc", //Set Terminal Prompt to $
11-
"postAttachCommand": "git pull --all"
12-
}
13-
14-
// DevContainer Reference: https://code.visualstudio.com/docs/remote/devcontainerjson-reference
21+
"postCreateCommand": "pip3 install mkdocs-material",
22+
"postAttachCommand": "git pull --all",
23+
// DevContainer Reference: https://code.visualstudio.com/docs/remote/devcontainerjson-reference
24+
}

‎.vscode/settings.json

-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
"files.autoSave": "afterDelay",
1818
"screencastMode.onlyKeyboardShortcuts": true,
1919
"terminal.integrated.fontSize": 18,
20-
"workbench.activityBar.visible": true,
2120
"workbench.colorTheme": "Visual Studio Dark",
2221
"workbench.fontAliasing": "antialiased",
2322
"workbench.statusBar.visible": true,

‎docs/index.md

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# HTML, CSS, and JavaScript: Building the Web
2+
3+
This is the repository for the LinkedIn Learning course HTML, CSS, and JavaScript: Building the Web. The full course is available from [LinkedIn Learning][lil-course-url].
4+
5+
## Quickstart
6+
7+
This repository is instrumented with a _`devcontainer.json`_ that provides a pre-defined development environment for this course. To get started:
8+
9+
1. Fork this repository to your GitHub account, to get an editable version.
10+
1. Click the `Code` dropdown in your forked version in the browser.
11+
1. Select the `Codespaces` tab and create a new GitHub Codespaces instance from `main`.
12+
13+
You should see a new GitHub Codespaces session launch in a new browser tab with a built-in Visual Studio Code editor for interactive development. Wait till setup completes and a terminal prompt is seen.
14+
15+
Preview the instructions for the course exercises using this command:
16+
17+
```bash
18+
mkdocs serve
19+
```
20+
21+
## Project Solutions
22+
23+
This LinkedIn course is based on a subset of the materials available in the [Web Dev For Beginners](https://github.com/microsoft/web-dev-for-beginners) curriculum from Microsoft. Please visit that repository to explore additional projects and exercises for self-guided learning.
24+
25+
In this LinkedIn course, we walk through three of the sample projects from that curriculum (replicated locally under `solutions/` for convenience) in a series of instructor-led videos. Read on for a brief description of each.
26+
27+
### Project 1: Terrarium
28+
29+
### Project 2: Typing Game
30+
31+
### Project 3: Space Game
32+
33+
---
34+
35+
[0]: # "Replace these placeholder URLs with actual course URLs"
36+
[lil-course-url]: https://www.linkedin.com/learning/
37+
[lil-thumbnail-url]: http://

‎mkdocs.yml

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
site_name: " HTML, CSS, and JavaScript: Building the Web"
2+
3+
theme:
4+
name: material
5+
6+
# Change Font: https://squidfunk.github.io/mkdocs-material/setup/changing-the-fonts/?h=fonts
7+
# Google Fonts Supported By Default: https://fonts.google.com/
8+
font:
9+
code: Roboto Mono #Monospaced
10+
text: Roboto #Regular
11+
#logo: img/logo.svg
12+
palette:
13+
- scheme: default # Light Mode
14+
primary: blue # black
15+
accent: pink
16+
toggle:
17+
icon: material/brightness-2
18+
name: Switch to dark mode
19+
- scheme: slate # Dark Mode
20+
primary: blue # amber
21+
accent: pink
22+
toggle:
23+
icon: material/brightness-7
24+
name: Switch to light mode
25+
26+
# features:
27+
# - navigation.tabs
28+
29+
markdown_extensions:
30+
- admonition
31+
- pymdownx.details
32+
- pymdownx.superfences
33+
- pymdownx.tasklist:
34+
custom_checkbox: true
35+
- attr_list
36+
- pymdownx.emoji:
37+
emoji_index: !!python/name:material.extensions.emoji.twemoji
38+
emoji_generator: !!python/name:material.extensions.emoji.to_svg

‎solutions/01-terrarium/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
## Project 1: Terrarium

‎solutions/02-typing-game/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
## Project 2: Typing Game

‎solutions/03-space-game/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
## Project 3: Space Game

0 commit comments

Comments
 (0)