aboutsummaryrefslogtreecommitdiff
path: root/content/docs/resources-to-learn-programming/web-development/frontend
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.xyz>2023-01-30 20:14:24 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.xyz>2023-01-30 20:14:24 +0530
commitae3b27daf9400e6b65708f2b5f38e04c1664d8fc (patch)
treed43b9af230ad6d261b516bc54100896c1df70e34 /content/docs/resources-to-learn-programming/web-development/frontend
parented0acef173ae46ff7b8689b896a2913149b7da4e (diff)
changed programming resources path, added more pages
Diffstat (limited to 'content/docs/resources-to-learn-programming/web-development/frontend')
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/_index.md18
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/html-css/_index.md20
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/_index.md8
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/react.md10
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/svelte.md11
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/static-site-generators/_index.md13
-rw-r--r--content/docs/resources-to-learn-programming/web-development/frontend/static-site-generators/hugo.md13
7 files changed, 0 insertions, 93 deletions
diff --git a/content/docs/resources-to-learn-programming/web-development/frontend/_index.md b/content/docs/resources-to-learn-programming/web-development/frontend/_index.md
deleted file mode 100644
index aad43f1..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/html-css/_index.md b/content/docs/resources-to-learn-programming/web-development/frontend/html-css/_index.md
deleted file mode 100644
index dc67f53..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/js-frameworks/_index.md b/content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/_index.md
deleted file mode 100644
index d7c9637..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/js-frameworks/react.md b/content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/react.md
deleted file mode 100644
index c20844f..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/js-frameworks/svelte.md b/content/docs/resources-to-learn-programming/web-development/frontend/js-frameworks/svelte.md
deleted file mode 100644
index 3dd4e61..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/static-site-generators/_index.md b/content/docs/resources-to-learn-programming/web-development/frontend/static-site-generators/_index.md
deleted file mode 100644
index 6a59df6..0000000
--- a/content/docs/resources-to-learn-programming/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/resources-to-learn-programming/web-development/frontend/static-site-generators/hugo.md b/content/docs/resources-to-learn-programming/web-development/frontend/static-site-generators/hugo.md
deleted file mode 100644
index 9664b30..0000000
--- a/content/docs/resources-to-learn-programming/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>