diff options
Diffstat (limited to 'content/docs/programming-resources/web-development/frontend')
7 files changed, 0 insertions, 93 deletions
diff --git a/content/docs/programming-resources/web-development/frontend/_index.md b/content/docs/programming-resources/web-development/frontend/_index.md deleted file mode 100644 index aad43f1..0000000 --- a/content/docs/programming-resources/web-development/frontend/_index.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -title: Frontend -description: Frontend Web Development -weight: 1 ---- - - -## General resources (have multiple tutorials) - -- [Web Dev Simplified](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw): -Best YouTube channel to learn web development. -- [W3Schools](https://www.w3schools.com/): -Best website containing very useful HTML/CSS/JS tutorials. - - -## Resources based on web technology - -I recommend learning all these technologies in the same order as they are listed. diff --git a/content/docs/programming-resources/web-development/frontend/html-css/_index.md b/content/docs/programming-resources/web-development/frontend/html-css/_index.md deleted file mode 100644 index dc67f53..0000000 --- a/content/docs/programming-resources/web-development/frontend/html-css/_index.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -title: HTML/CSS -description: The very basics of web frontend -weight: 1 ---- - -HTML (HyperText Markup Language) and CSS (Cascading StyleSheets) are two of the core technologies -you must learn to make websites. These two are **very** easy to learn but without these web development is totally useless. - -- HTML in one video: [Video by Mike Dane](https://www.youtube.com/watch?v=pQN-pnXPaVg) -- Textual Tutorial: [W3Schools](https://www.w3schools.com/html/default.asp) -- CSS in one video: [Video by Web Dev Simplified](https://www.youtube.com/watch?v=1PnVor36_40) -- CSS Documentation: [W3Schools](https://www.w3schools.com/css/default.asp) -- Simple HTTP fileserver to host HTML files: [GoFileServer](https://github.com/MikunoNaka/GoFileServer/releases/latest) - -## Fun trick - -You can use GoFileServer [GoFileServer](https://github.com/MikunoNaka/GoFileServer/releases/latest) -to host the HTML files over the network, and then you can enter the URL of the server on another pc/phone on -the same WiFi network to open the website on that device. diff --git a/content/docs/programming-resources/web-development/frontend/js-frameworks/_index.md b/content/docs/programming-resources/web-development/frontend/js-frameworks/_index.md deleted file mode 100644 index d7c9637..0000000 --- a/content/docs/programming-resources/web-development/frontend/js-frameworks/_index.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: JavaScript Frameworks -description: Componentize your web applications -weight: 3 ---- - -JS frameworks make it easy to write websites which make heavy use of JavaScript for logic. -You can divide different parts of the website into "components" that can be imported and used/re-used multiple times in the website without the need to write extra code. diff --git a/content/docs/programming-resources/web-development/frontend/js-frameworks/react.md b/content/docs/programming-resources/web-development/frontend/js-frameworks/react.md deleted file mode 100644 index c20844f..0000000 --- a/content/docs/programming-resources/web-development/frontend/js-frameworks/react.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: React -description: The most popular JavaScript UI library -weight: 1 ---- - -React is my favourite JS Framework (by definition it's a library but I'm grouping it with framework). -It's very easy to learn and is very popular so has great documentation. - -- React in one video: [Video by Mike Dane](https://www.youtube.com/watch?v=ABQLwlE8MUA) diff --git a/content/docs/programming-resources/web-development/frontend/js-frameworks/svelte.md b/content/docs/programming-resources/web-development/frontend/js-frameworks/svelte.md deleted file mode 100644 index 3dd4e61..0000000 --- a/content/docs/programming-resources/web-development/frontend/js-frameworks/svelte.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: Svelte -description: The fastest JS framework -weight: 2 ---- - -Svelte is unique because it's very lightweight and fast. -It's easier than react to code in but honestly not very fun. But something being fun is -subjective so I recommend trying it out! - -- Svelte crash course: [Video by Traversy Media](https://www.youtube.com/watch?v=3TVy6GdtNuQ) diff --git a/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md b/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md deleted file mode 100644 index 6a59df6..0000000 --- a/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: Static Site Generators -description: My favourite way of building a website -weight: 2 ---- - -Static site generators let you write a template for the website in HTML and let you write the content of the website in another format (markdown, for example) -and turn it into a HTML page with the given template. -I love static site generators because they are easy to use and are very fast since all the HTML files are pre-compiled before you can host them on your server. -It's better than writing the whole website in HTML because if you want to change the layout of the website, editing all the pages one-by-one would take a long time. -Whereas in a static site generator, you can just edit the template file and it'll do the job automatically. - -For small websites/websites without much/any logic, I recommend using a static site generator. This website is written in Hugo, which is awesome. diff --git a/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md b/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md deleted file mode 100644 index 9664b30..0000000 --- a/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: Hugo -description: The Hugo static site generator -weight: 1 ---- - -The website you're reading is built with Hugo. It's very customizable and fast. Unfortunately, learning Hugo can be tricky at first, but you'll come to -love hugo after you understand it! - -- Hugo Tutorial: [Video by Luke Smith](https://www.youtube.com/watch?v=ZFL09qhKi5I) -- Hugo Shortcodes: [Video by Luke Smith](https://www.youtube.com/watch?v=QTolhoxMyXg) - -You need a theme to create a Hugo website. If you don't want to create one yourself you can check out mine! <https://github.com/MikunoNaka/vidhukant-hugo> |