|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/webcampus/
课程评论:没有评论
WebCampus:使用 HTML、CSS 和 JavaScript 打造你的第一个网页 本课程是为想成为网页开发者并创建自己第一个网站的初学者设计的。通过本课程,你将全面学习 Web 开发和 Web 设计的知识,包括 HTML、CSS、JavaScript 和 ChatGPT。 **课程大纲:** * **第一部分:入门** * 课程介绍与概述 * 安装 Visual Studio Code * **第二部分:HTML 基础** * HTML 核心概念 * 语义化代码编写 * 创建列表 * **第三部分:CSS 基础** * CSS 选择器 * 引入外部 CSS 文件 * 创建悬停效果等交互动画 * **第四部分:导航栏设计** * 使用 Bootstrap 添加导航栏 * 集成 Logo * 实现 Glassmorphism 等现代效果 * **第五部分:Banner 设计** * 创建吸引人的 Banner * 添加背景图片 * 调整文本位置 * 使用 CSS 变量和自定义字体 * **第六部分:填充页面内容** * 图文混排 * 集成 Swiper 轮播组件 * 创建吸引人的轮播图 * 关注可访问性和 SEO 优化 * **第七部分:JavaScript 基础** * 创建模态框 (Modals) * 设计内容页面 * 实现 GSAP 驱动的视差滚动等酷炫效果 * 调试代码和实现复制链接等功能 * **第八部分:响应式设计** * 优化多设备屏幕适配 * 进行移动端适配 * 完善页面整体视觉效果 * **第九部分:Web 托管设置** * 购买域名 * 上传文件 * 域名解析 * Search Console 设置指南 * **第十部分:额外内容** * 添加暗黑模式 * 为 Header 添加动态波浪效果 * 集成表单和其他高级功能 **课程亮点:** * 13 小时以上的在线课程 * 加入学习社区,与其他学员交流 * 获得 Web 开发者 Niklas 的支持 * 终身访问课程内容及未来更新 * Udemy 30 天不满意退款保证 立即报名,快速成为一名合格的网页开发者!
Du möchtest deine erste eigene Webseite erstellen und dich zum Webentwickler ausbilden lassen? Dann ist dieser Kurs genau das Richtige für Dich!WebCampus: Das Webentwicklung und Webdesign Komplettpaket mit HTML, CSS, Javascript und ChatGPT für deine erste eigene Webseite!Hast du dich schonmal gefragt wie es wäre individuelle Webseiten für dich oder deine Kunden erstellen zu können um...dein eigener Boss zu sein?aufzustehen wann du möchtest?von Zuhause aus zu arbeiten?und damit gutes Geld zu verdienen?All das ist möglich im Leben eines Webentwicklers. Und mit diesem Kurs bekommst du die vollständige Ausbildung dazu.Abschnitt 1: Einführung In diesem Abschnitt starten wir deine Reise in die Welt der Webentwicklung. Wir werden uns zunächst kennenlernen und einen Überblick über den Kurs verschaffen. Anschließend lernst du, wie du Visual Studio Code installierst, um direkt loslegen zu können.Abschnitt 2: HTML Grundlagen Hier tauchen wir ein in die Grundlagen von HTML, der Sprache des Webs. Du wirst lernen, wie du strukturierten und semantischen Code schreibst, sowie verschiedene Arten von Listen erstellst. Dies bildet das Fundament für den restlichen Verlauf des KursesAbschnitt 3: CSS Grundlagen Jetzt geht es um das Styling deiner Webseite. Wir zeigen dir, wie du CSS einsetzt, um deine Webseite zum Leben zu erwecken. Du erfährst, wie du Elemente selektierst, externe Dateien einbindest und Animationen wie Hover-Effekte erstellst.Abschnitt 4: Navigation erstellen Eine gute Navigation ist entscheidend für die Benutzerfreundlichkeit deiner Webseite. Hier lernst du, wie du mit Bootstrap eine Navigation einfügst, ein Logo integrierst und moderne Effekte wie Glassmorphism umsetzt.Abschnitt 5: Banner erstellen Der Banner ist oft das Erste, was Besucher sehen. Niklas wird dir zeigen, wie du einen ansprechenden Banner gestaltest, Hintergrundbilder einfügst, Text positionierst und mit CSS-Variablen sowie eigenen Fonts arbeitest.Abschnitt 6: Seite füllen Jetzt wird deine Webseite mit Inhalten gefüllt. Du lernst, wie du Text neben Bildern platzierst, interaktive Elemente wie Swiper einbindest und ein ansprechendes Karussell erstellst. Dabei achten wir auch auf Barrierefreiheit und SEO-Optimierung.Abschnitt 7: JavaScript Grundlagen Mit JavaScript verleihst du deiner Webseite Interaktivität. Hier erfährst du, wie du Modals einbaust, Inhaltsseiten stylst und coole Effekte wie Parallax mit GSAP umsetzt. Außerdem lernst du, wie du Fehler behebst und Funktionen wie das Kopieren von Links integrierst.Abschnitt 8: Responsive Styling In diesem Abschnitt optimieren wir deine Webseite für verschiedene Bildschirmgrößen, damit sie auf allen Geräten gut aussieht. Du erfährst, wie du mobile Anpassungen vornimmst und deine Seite insgesamt perfektionierst.Abschnitt 9: Webhosting einrichten Deine Webseite ist fast fertig - jetzt lernen wir, wie du sie online bringst. Wir zeigen dir, wie du eine Domain bestellst, Dateien hochlädst und alles mit der Domain verbindest. Zusätzlich bekommst du Tipps zur Einrichtung in der Search Console.Abschnitt 10: Extra Inhalte In diesem Extra-Abschnitt gehen wir über das Grundlegende hinaus. Du erfährst, wie du einen Dark Mode einfügst, deinem Header eine dynamische Note mit Wellen verleihst und weitere fortgeschrittene Funktionen wie Formulare und neue Slider integrierst.Du bekommst sofortigen Zugriff auf:13 Stunden WebCampusZugang zur Community. Austausch mit allen KursmitgliedernSupport von Webentwickler NiklasLebenslanger Zugriff auf den Kurs und alle zukünftigen UpdatesUdemy Zufriedenheitsgarantie Udemy hat eine 30 Tage 100% Geld zurück Garantie. Wenn Du also doch nicht zufrieden mit dem Kauf bist, bekommst du das gesamte Geld sofort zurück!Schreibe dich jetzt in den Kurs ein und werde innerhalb kürzester Zeit zum Webentwickler!Wir freuen uns schon Dich in der ersten Lektion des WebCampus begrüßen zu dürfen!Niklas & Marius