Web Development for All
Create Your Own Website!
This webpage has been translated from German to English by ChatGPT, deepl.com and the lecturer.
For highly demanded courses, it is advisable to register shortly after registration opens, as these courses can fill up quickly.
This course includes a lot of one to one coaching. Therefore, capacity is limited. Thank you for your understanding!
- You will receive the inputs digitally and can study them whenever and wherever is most convenient for you. The individual coaching sessions take place using Zoom. Coaching appointments can be booked in advance.
- Expected future coaching times according to current planning
- My sabbatical may take place in the spring semester of 2027 (or in the autumn semester of 2027).
The course will not be offered during the sabbatical semester.
It is therefore advisable to plan your attendance for the autumn semester of 2026 or the autumn semester of 2027. - usually three evenings (Monday, Tuesday, Wednesday)
before and/or after my other ISA courseEvenings have proven to be the best time, as there are fewer scheduling conflicts with studies and work. - Subject to adjustments due to timetable changes
Please note the registration start date:
Usually first Monday in August (for the autumn semester) or first Monday of January (for the spring semester), 9 a.m.
We cannot accept registrations before the first registration day (morning). Thank you for your patience!
Please register on the official ISA page (button shown above).
"Not possible" means not yet possible (before registration start – see above) or no longer possible (course overbooked).
Tools currently in use
Markdown instead of HTML
Tailwind CSS (typography plugin) instead of (plain) CSS
becomes
Some Additional Information
In this course, you develop (with support) your own website (or the one of your association or …).
We are independent of prefab website builders.
Why not use prefab website builders?
Here's my personal story:
In the beginning, I also evaluated prefab website builders and used one of them. Suddenly, the operator changed the previously very discreet advertising (gray tones, only visible at the very bottom of the page) to blue and permanently visible (sticky) overnight without prior notice. If the site, for example, is in warm tones, the cold blue doesn't fit the site at all. And – that's the problem with prefab website builders – you can't change the color of the advertising.
Instead of «buying away» the advertising, that was my incentive to learn HTML, CSS, and JS to be able to manage everything myself. So that you don't have to acquire all the knowledge on your own, there is now this course. Of course, the internet is also helpful in this area. However, for a specific challenge, there are also many poor solutions on the net. It's helpful to have someone pre-filter and suggest well-programmed solutions.
Markdown is much easier to learn and write than HTML.
Tailwind CSS (Typography plugin) saves you from having to write your own CSS code.
Preliminary information on the proof of competence
- Concept discussion
- Interim progress discussion
- Final presentation
This course is graded on a pass/fail basis. As participants have varying levels of prior knowledge (ranging from no programming experience to varying degrees of experience with HTML and related technologies), it does not make sense to assign grades.
Information for Specific Groups and Topics
Students with Previous Knowledge
(not required)
This course is primarily aimed at students who have little or no previous knowledge.
Students with previous knowledge (HTML, CSS, JS, and/or programming languages) are admitted. Please note the following instructions:
- I use WebStorm. However, you can also use Visual Studio Code if you are used to it.
- You don't have to use Markdown. HTML and, if necessary, JS work just fine.
- Instead of classic CSS (since 1996, with weaknesses from today's perspective), I recommend Tailwind CSS (since 2017). Tailwind CSS generates clever CSS code for you.Examples:
.m-4instead of.my-invented-class-name { margin: 1rem; }You can write Tailwind CSS like this:class="[margin:1rem_0]"Almost like plain CSS!.btn { @apply rounded-full }instead of.btn { border-radius: 9999px; }in Tailwind CSS, the inputrounded-fullbecomes the CSS outputborder-radius: calc(infinity * 1px);class="hover:bg-cyan-500"(very simple syntax of Tailwind CSS) is automatically converted in the background to CSS code&:hover { @media (hover: hover) { background-colour: oklch(71.5% 0.143 215.221); } }
- Please note: You may use (plain) CSS, provided you are really comfortable with it. However, I cannot offer support for it within the scope of this course. I have had a couple of students who have created a real mess with their CSS code. This makes troubleshooting very difficult.
With Tailwind CSS, that won’t happen to you. - Coaching is aimed at students who have little or no previous knowledge.Students with previous knowledge who program with HTML, CSS, and JS should be able to master challenges primarily with websites like Stack Overflow or AI. If you have additional questions, you are welcome to contact me at any time.
- You may continue to develop pages created in other courses or privately. Relaunches are also conceivable.
- For a 3-ECTS course, a total of 75 to 90 hours of work (per person) is officially expected.
If You Use Figma
Figma may be used (take over CSS code for individual elements).
However, to make the website responsive, you must create a second layout for small screens in Figma or override the (horizontal) placement for small screens using @media queries (e.g., with position: static;).
Parallax Effect Demonstration
simply scroll and view the image
Note: This effect may not work on certain (mobile) browsers.
Wooden high-rise under construction (Lucerne University of Applied Sciences and Arts, Department of Computer Science, Rotkreuz)
We program ourselves. As simple as possible. Puristic design.
We focus on content. Understandable, clear language. Important information is quickly found.
For pages with plugins like a webshop, you are better served elsewhere. (However, you can implement simple manual payment options within the scope of the course.)
Search engine optimization (SEO) would need to be addressed independently if necessary, as this is practically never requested.
Feedback from former participants of this course
some of them translated from German
- “I find the course very exciting.”
- “The course offers the opportunity to learn a very relevant tool. I found self-directed learning with the help of the provided course website very helpful. The coachings clarified further questions. The course is fun :)”
- “Thank you again for the coaching earlier and for your general support during the semester. The course was very exciting and we really enjoyed it.;”
- “Thank you for your help and the exciting module. I really enjoyed it.”
- “Thank you very much for the excellent support.”
- “Thank you very much for the prompt feedback and your help! The module was very informative and I thank you for your flexibility and great coaching – it was really fun.”
- “I'd also like to thank you for offering such a wide range of fascinating modules. I really enjoyed them and learnt a great deal.”
This person has completed both ISA courses I offer. - “What I liked: the independent work, the freedom to choose the topic, the constructive and helpful coaching, and the quick email replies.”
- “I was impressed by the amount of knowledge and all the instructions shared by Marc Locher. It was very satisfying to be able to actually build a website from scratch, because of all the material which Marc Locher provides to the students. It is exactly as name of the Module states: Web-Entwicklung für alle. I really like that everything is structured and all the information are available at all time. It is very easy to book an appointment with Marc Locher, so I was never stuck in the process.
I want to say big thank you for this great opportunity. I am super happy with my portfolio website and I am looking forward to the future developments of my website. Thank you!” - “It was really great! I enjoyed designing my own website.
Marc is a terrific lecturer; I felt very well supported and he motivated me to stick with it.”