This weekend is GeekenD, and we will also be hosting a hackathon. Perhaps you've seen the new website we published this year? We're planning to revamp it. I know it might sound quite strange, but trust us, it's necessary, and it will happen quickly. However, we would greatly appreciate your help! Whether you have several years of experience in web development or have never written a single line of HTML. The new website is fundamentally designed to be as beginner-friendly as possible for those starting to code. 🚀 (For those who don't know, DWWW is the group responsible for the section's websites).
We will be located in iDét starting from Friday at 18:00, but you are welcome to join whenever you can throughout the entire weekend. You can find the event
here. Food and drinks will be available for purchase on-site, so there's no need to sneak away. 😍 The repository for the new website is located
here if you're eager to start exploring what's already there.
👨💻 Good things to knowTo make it easier for you to get started, there are certain things we recommend you learn. Below is a list of different languages and tools that will be important to know. I've linked one or more good places to learn at each one, and you don't need to go through all the guides. Sometimes it's enough to skim and play around a bit. It may look long and intimidating, but you don't need to be an expert to code our website, as long as you have a basic understanding of the various concepts. 📚
📝 HTMLHTML provides structure to websites and is the fundamental building block for everything you see. Buttons, lists, input fields, you name it.
W3Schools More practical in its teaching approach.
Codecademy Very interactive, more extensive walkthrough.
Guide from Google Goes into a lot of detail.
🎨 CSSTo make the website look good or bad, CSS is used to design it.
W3Schools
Codecademy
Guide from Google 🖌️
💡 JavaScriptJavaScript is the programming language of the web; it's where all the logic is written. It's relatively easy to learn if you've programmed in Java, Python, or to some extent, Scala.
W3Schools
Codecademy
🛠️ Svelte (and SvelteKit)For those of you who have programmed web applications before, you know that it's not child's play to write a nice web app in pure HTML, CSS, and JavaScript. That's why we use a framework. Instead of React with Next.js, which is the most popular framework, we use Svelte and SvelteKit. You'll understand why as soon as you start using it 😎.
They have their own, and I think it's great! 🚀
📘 The following are not necessary, but if you're interested in learning more
📜 TypeScriptJavaScript is a dynamically typed language and is quite "loosey-goosey" with its types. That's why TypeScript exists, which is a language built entirely on JavaScript. It has more or less the same syntax but adds some extra features to make it more strongly typed.
Codecademy
🎉 TailwindInstead of writing pure CSS, we use Tailwind to make it easier.
I don't have a better suggestion than their
own documentation.
We also use a library built on Tailwind,
daisyUI
📊 PrismaPrisma is an ORM (Object-Relational Mapping) to avoid writing pure SQL code. You don't need to know SQL or have taken a database course, but it's certainly easier to learn if you have.
They have their
own learning page 📈