https://github.com/adygcode/learning-html-css-js
Learning HTML, CSS and JavaScript for Web Technologies Cluster - ICT40120 Certificate IV in Information Technology 😊
https://github.com/adygcode/learning-html-css-js
Last synced: 3 months ago
JSON representation
Learning HTML, CSS and JavaScript for Web Technologies Cluster - ICT40120 Certificate IV in Information Technology 😊
- Host: GitHub
- URL: https://github.com/adygcode/learning-html-css-js
- Owner: AdyGCode
- Created: 2022-08-16T06:17:59.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-16T10:04:27.000Z (almost 4 years ago)
- Last Synced: 2025-06-08T10:04:45.082Z (about 1 year ago)
- Size: 1.46 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# Learning HTML, CSS and JS with Ady
Description here...
## Folder Structure
The following is an extract fo the site folder structure.
```text
Root -+- index.html
|
+- ReadMe.md
|
+- about -+- index.html
|
+- assets -+- js -+-
|
+- css -+- site.css
|
+- img -+-
|
+- media -+-
```
In Webstorm the following will render as a mind-map diagram showing the folders and files.
```plantuml
@startmindmap
* Root/Project Folder
*_ index.html
*_ ReadMe.md
*_ CheatSheet.md
* about
*_ index.html
* assets
* css
*_ site.css
*_ reset.css
* img
*_ .keep
* js
*_ .keep
* fonts
*_ .keep
* media
*_ .keep
* ...folder_name...
*_ .keep
@endmindmap
```
## .gitignore
Create .gitignore with required file patterns.
> Use the plugin: .ignore in JetBrains IDEs
>
> `CTRL`+`ALT`+`S` (on Windows) to open settings
>
> Click the Plugins option (on left side)
>
> Click on Marketplace to search for plugins not installed.
>
> In the search box at the top type in a word that may be
> part of the plugin needed, eg. ignore
>
> Locate the option and click INSTALL
>
> Click OK when all required plugins are installed.
> Sometimes the IDE will need to restart to apply the changes.
## Adding the .gitignore
Right mosue button on the Project Name
File
New
.ignore
GitIgnore (at top)
Select the options below
Edit the .gitignore file and add at the top:
## .keep
This file is used to force folders that are 'empty' to be committed...
Add to any folder you need to be added to version control but may not
be using immediately.
Create it as a New Text file with the filename `.keep`.
### Useful Plugins
- .ignore
- CSV
- Rainbow Brackets
- Indent Rainbow
- JSON Helper
- Markdown Editor
- Paste Images into Markdown
- Zero Width Character locator
- Yet another emoji support
- GitToolBox
- Extra ToolWindow Colorful Icons
- Atom Material Icons
- .env files support