This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. The creation and deployment of modern, standards-compliant web pages are addressed. Students create and deploy a Web site with multiple pages and cross-linked structures.

Fundamentals of Web Development
kurs ist nicht verfügbar in Deutsch (Deutschland)

18 Bewertungen
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
College level course experience.
18 Bewertungen
Empfohlene Erfahrung
Empfohlene Erfahrung
Stufe „Anfänger“
College level course experience.
Kompetenzen, die Sie erwerben
- Kategorie: HTML and CSSHTML and CSS
- Kategorie: Responsive Web DesignResponsive Web Design
- Kategorie: Infrastructure ArchitectureInfrastructure Architecture
- Kategorie: AnimationsAnimations
- Kategorie: Javascript and jQueryJavascript and jQuery
- Kategorie: Web Design and DevelopmentWeb Design and Development
- Kategorie: Browser CompatibilityBrowser Compatibility
Werkzeuge, die Sie lernen werden
- Kategorie: Web Development ToolsWeb Development Tools
- Kategorie: Git (Version Control System)Git (Version Control System)
- Kategorie: Cascading Style Sheets (CSS)Cascading Style Sheets (CSS)
- Kategorie: JavaScript FrameworksJavaScript Frameworks
- Kategorie: Web ApplicationsWeb Applications
- Kategorie: GitHubGitHub
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
36 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

In diesem Kurs gibt es 9 Module
Welcome to Fundamentals of Web Development! This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. Students will be able to create and deploy a Web site with multiple pages and cross-linked structures by the end of this course. In Module 1, students are introduced to the world of web development, starting with writing basic HTML scripts and publishing them on GitHub and GitHub Pages. It elucidates the roles and functions of the internet's core technologies - HTML, CSS, and JavaScript - and differentiates how browsers operate uniquely compared to other computer applications. Students will become proficient in using essential tools for internet publishing and code archiving, including text editors and GitHub, coupled with an understanding of live hosting practices. Additionally, the course offers insights into the physical infrastructure of the internet, focusing on server technology, and providing a holistic view of the digital landscape from code creation to global connectivity.
Das ist alles enthalten
17 Videos13 Lektüren6 Aufgaben2 peer reviews1 Diskussionsthema
17 Videos• Insgesamt 143 Minuten
- Course Overview• 8 Minuten
- Instructor Introduction• 1 Minute
- Module 1 Introduction• 2 Minuten
- History of the Web - Part 1• 10 Minuten
- History of the Web - Part 2• 12 Minuten
- History of the Web - Part 3• 11 Minuten
- The Tools of Internet Publishing - Part 1• 8 Minuten
- The Tools of Internet Publishing - Part 2• 7 Minuten
- The Tools of Internet Publishing - Part 3• 9 Minuten
- Browsers and Web Addresses - Part 1• 12 Minuten
- Browsers and Web Addresses - Part 2• 11 Minuten
- HTTP Requests• 9 Minuten
- Meet Our Three Languages• 11 Minuten
- The Basics of HTML - Part 1• 8 Minuten
- The Basics of HTML - Part 2• 9 Minuten
- The Basics of HTML - Part 3• 10 Minuten
- How to Turn In Labs• 5 Minuten
13 Lektüren• Insgesamt 630 Minuten
- Syllabus• 10 Minuten
- Module 1: Asset Library (code used in video demonstrations)• 60 Minuten
- Lecture Slides: History of the Web• 60 Minuten
- Lesson 1 Video Reference Page• 10 Minuten
- Lecture Slides: The Tools of Internet Publishing• 60 Minuten
- Lecture Slides: Browsers and Web Addresses• 60 Minuten
- Lesson 3 Video Reference Page• 60 Minuten
- Lecture Slides: HTTP Requests• 60 Minuten
- Lecture Slides: Meet Our Three Languages• 60 Minuten
- Lecture Slides: The Basics of HTML• 60 Minuten
- Lesson 6 Video Reference Page• 60 Minuten
- Lecture Slides: How to Turn In Labs• 60 Minuten
- Module 1 Summary• 10 Minuten
6 Aufgaben• Insgesamt 330 Minuten
- Module 1 Summative Assessment• 180 Minuten
- What did you learn about the internet's history?• 30 Minuten
- What did you learn about Internet Browsers?• 30 Minuten
- What did you learn about HTTP requests?• 30 Minuten
- What did you learn about our 3 website languages?• 30 Minuten
- What did you learn about the basics of html?• 30 Minuten
2 peer reviews• Insgesamt 50 Minuten
- Lab 1: Your First Website!• 20 Minuten
- Lab 2• 30 Minuten
1 Diskussionsthema• Insgesamt 60 Minuten
- Meet and Greet Discussion• 60 Minuten
Module 2 equips students with advanced skills in HTML, focusing on creating, hosting, and accurately indexing links and images to enhance web page functionality and aesthetics. Students will learn how to convert unique characters into UTF8 Unicode, ensuring global compatibility and accessibility. This module also delves into crafting and publishing essential HTML elements such as lists, and teaches the intricacies of writing and nesting HTML tables and their content. These skills enable students to structure web content effectively, laying the foundation for sophisticated web design and development.
Das ist alles enthalten
7 Videos9 Lektüren4 Aufgaben2 peer reviews
7 Videos• Insgesamt 49 Minuten
- Module 2 Introduction• 2 Minuten
- HTML Elements (inline vs box) - Part 1• 8 Minuten
- HTML Elements (inline vs box) - Part 2• 8 Minuten
- HTML Lists and Cascades• 12 Minuten
- HTML Links and Images - Part 1• 7 Minuten
- HTML Links and Images - Part 2• 7 Minuten
- HTML Tables• 5 Minuten
9 Lektüren• Insgesamt 490 Minuten
- Module 2: Asset Library (code used in video demonstrations)• 60 Minuten
- Lecture Slides: HTML Elements (inline vs box)• 60 Minuten
- Lesson 1 Video Reference Page• 60 Minuten
- Lecture Slides: HTML Lists and Cascades• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: HTML Links and Images• 60 Minuten
- Lecture Slides: HTML Tables• 60 Minuten
- Lesson 4 Video Reference Page• 60 Minuten
- Module 2 Summary• 10 Minuten
4 Aufgaben• Insgesamt 270 Minuten
- Module 2 Summative Assessment• 180 Minuten
- What did you learn about HTML Elements?• 30 Minuten
- What did you learn about HTML Links and Images?• 30 Minuten
- What did you learn about HTML Table• 30 Minuten
2 peer reviews• Insgesamt 120 Minuten
- Lab 3: Basic Page Markup• 60 Minuten
- Lab 4• 60 Minuten
Module 3 guides students through the process of creating well-structured HTML navigation, essential for user-friendly website design. Learners will delve into writing various HTML form elements designed to interact seamlessly with PHP receiving forms, facilitating effective user data collection and interaction. Additionally, the module focuses on crafting HTML scripts that encode the full spectrum of a traditional resume, teaching students how to present professional information in a clear, accessible, and visually appealing online format.
Das ist alles enthalten
6 Videos8 Lektüren3 Aufgaben2 peer reviews
6 Videos• Insgesamt 39 Minuten
- Module 3 Introduction• 2 Minuten
- Website Navigation (Simple HTML)• 7 Minuten
- HTML Forms - Part 1• 9 Minuten
- HTML Forms - Part 2• 8 Minuten
- HTML Forms - Part 3• 10 Minuten
- UTF8 Special Characters• 3 Minuten
8 Lektüren• Insgesamt 380 Minuten
- Module 3: Asset Library• 60 Minuten
- Lecture Slides: Website Navigation (Simple HTML)• 60 Minuten
- Lecture Slides: HTML Forms• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: UTF8 Characters• 60 Minuten
- Lesson 3 Video Reference Page• 60 Minuten
- Module 3 Summary• 10 Minuten
- Insights from an Industry Leader: Learn More About Our Program• 10 Minuten
3 Aufgaben• Insgesamt 240 Minuten
- Module 3 Summative Assessment• 180 Minuten
- What did you learn about Website Navigation?• 30 Minuten
- What did you learn about UTF8 Characters?• 30 Minuten
2 peer reviews• Insgesamt 180 Minuten
- Lab 5: HTML Forms• 60 Minuten
- Project 1• 120 Minuten
Module 4 explores the crucial concept of the HTML cascade in CSS, highlighting its value in creating coherent and visually appealing web designs. Students will learn to write and publish core CSS elements, gaining hands-on experience in styling web content. A key focus is on understanding the four layers of an HTML Box element (content, padding, border, and margin) and mastering their manipulation using CSS for optimal layout control. The module also guides students in choosing the right box-sizing techniques for their website projects and underscores the importance of implementing CSS resets to ensure a consistent styling baseline before applying unique CSS customizations. This approach fosters a comprehensive understanding of CSS as a tool for sophisticated web design and layout management.
Das ist alles enthalten
7 Videos12 Lektüren6 Aufgaben
7 Videos• Insgesamt 52 Minuten
- Module 4 Introduction• 3 Minuten
- How CSS talks to HTML• 10 Minuten
- CSS Declaration - Part 1• 9 Minuten
- CSS Declaration - Part 2• 10 Minuten
- Writing CSS Selectors for Specificity• 8 Minuten
- The Box Model and Box Sizing• 7 Minuten
- CSS Resets• 5 Minuten
12 Lektüren• Insgesamt 640 Minuten
- Module 4: Asset Library• 60 Minuten
- Lecture Slides: How CSS talks to HTML• 60 Minuten
- Lesson 1 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Declarations• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: Writing CSS Selectors for Specificity• 60 Minuten
- Lesson 3 Video Reference Page• 60 Minuten
- Lecture Slides: The Box Model and Box Sizing• 60 Minuten
- Lesson 4 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Resets• 60 Minuten
- Lab 6 Practice Assignment• 30 Minuten
- Module 4 Summary• 10 Minuten
6 Aufgaben• Insgesamt 330 Minuten
- Module 4 Summative Assessment• 180 Minuten
- What did you learn about how CSS talks to HTML?• 30 Minuten
- What did you learn about CSS Declarations?• 30 Minuten
- What did you learn about Writing CSS Selectors for Specificity• 30 Minuten
- What did you learn about the Box Model and Box Sizing?• 30 Minuten
- What did you learn about CSS Resets?• 30 Minuten
In Module 5, students will deepen their CSS knowledge by learning to write and publish CSS properties specifically for fonts, enhancing the typographic appeal of web content. This module also covers the intricacies of CSS floats and positions, teaching students how to effectively manipulate the layout and placement of elements on a webpage. A practical component involves transforming a basic vertical HTML navigation into a stylish, horizontal navigation bar, complete with techniques for centering it within the website. These skills are essential for students aiming to create visually compelling and user-friendly web interfaces with advanced CSS techniques.
Das ist alles enthalten
10 Videos10 Lektüren4 Aufgaben2 peer reviews
10 Videos• Insgesamt 73 Minuten
- Module 5 Introduction• 2 Minuten
- CSS Fonts - Part 1• 7 Minuten
- CSS Fonts - Part 2• 9 Minuten
- CSS Floats - Part 1• 7 Minuten
- CSS Floats - Part 2• 6 Minuten
- CSS Positions - Part 1• 8 Minuten
- CSS Positions - Part 2• 9 Minuten
- Horizontal Navigation - Part 1• 8 Minuten
- Horizontal Navigation - Part 2• 6 Minuten
- Centered Navigation• 11 Minuten
10 Lektüren• Insgesamt 670 Minuten
- Module 5: Asset Library• 60 Minuten
- Lecture Slides: CSS Fonts• 60 Minuten
- Lesson 1 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Floats• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Positions• 60 Minuten
- Lecture Slides: Horizontal Navigation• 60 Minuten
- Lecture Slides: Centered navigation• 60 Minuten
- Project 2 Practice Assignment: First Attempt• 180 Minuten
- Module 5 Summary• 10 Minuten
4 Aufgaben• Insgesamt 270 Minuten
- Module 5 Summative Assessment• 180 Minuten
- What did you learn about CSS Fonts?• 30 Minuten
- What did you learn about CSS Floats?• 30 Minuten
- What did you learn about Horizontal navigations?• 30 Minuten
2 peer reviews• Insgesamt 90 Minuten
- Lab 7: Style an HTML Table• 60 Minuten
- Lab 8: Navigation Expert• 30 Minuten
Module 6 introduces students to the four fundamental layouts of website design, providing a foundational understanding of various web design approaches. It emphasizes the importance of adopting a mobile-first mindset when starting CSS styling, aligning with contemporary web usage trends. The module also advances into the dynamic aspects of CSS, teaching students how to write and publish CSS transitions, transformations, and animations, adding interactivity and visual flair to web pages. Additionally, learners will explore the use of CSS pseudo-selectors to enhance element styling. The culmination of these skills enables students to create a complete and comprehensive website using HTML and CSS, demonstrating proficiency in responsive and visually appealing web design.
Das ist alles enthalten
9 Videos11 Lektüren5 Aufgaben
9 Videos• Insgesamt 74 Minuten
- Module 6 Introduction• 3 Minuten
- Standard Website Layouts• 10 Minuten
- Responsive Design• 11 Minuten
- CSS Transitions, Transformations, and Animations - Part 1• 4 Minuten
- CSS Transitions, Transformations, and Animations - Part 2• 9 Minuten
- CSS Transitions, Transformations, and Animations - Part 3• 9 Minuten
- CSS Pseudo-selectors• 8 Minuten
- Full-site Demonstration - Part 1• 9 Minuten
- Full-site Demonstration - Part 2• 11 Minuten
11 Lektüren• Insgesamt 730 Minuten
- Module 6: Asset Library• 60 Minuten
- Lecture Slides: Standard Website Layouts• 60 Minuten
- Lecture Slides: Responsive Design• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Transitions, Transformations, and Animations• 60 Minuten
- Lesson 3 Video Reference Page• 60 Minuten
- Lecture Slides: CSS Pseudo-selectors• 60 Minuten
- Lesson 4 Video Reference Page• 60 Minuten
- Lecture Slides: Full-site Demonstration• 60 Minuten
- Project 2 Practice Assignment: Second Attempt• 180 Minuten
- Module 6 Summary• 10 Minuten
5 Aufgaben• Insgesamt 300 Minuten
- Module 6 Summative Assessment• 180 Minuten
- What did you learn about Standard Website Layouts?• 30 Minuten
- What did you learn about Responsive Design?• 30 Minuten
- What did you learn about CSS Transitions, Transformations, and Animations?• 30 Minuten
- What did you learn about CSS Pseudo-selectors• 30 Minuten
This module delves into the fundamental principles of writing JavaScript (JS), offering students a solid grounding in the language's core concepts. Students will learn to write and publish essential JavaScript elements, developing skills crucial for interactive web development. This module includes practical exercises where students will import and integrate a Google Map into their website, demonstrating the ability to enhance web pages with external APIs. Additionally, learners will gain experience in importing and manipulating JavaScript events, furthering their understanding of dynamic web interactions and user engagement techniques.
Das ist alles enthalten
10 Videos10 Lektüren4 Aufgaben
10 Videos• Insgesamt 68 Minuten
- Module 7 Introduction• 3 Minuten
- The Basics of JavaScript (JS) - Part 1• 6 Minuten
- The Basics of JavaScript (JS) - Part 2• 6 Minuten
- JS Language Features and Syntax - Part 1• 7 Minuten
- JS Language Features and Syntax - Part 2• 8 Minuten
- JS Language Features and Syntax - Part 3• 7 Minuten
- Google Maps API (Application Programming Interface) - Part 1• 6 Minuten
- Google Maps API (Application Programming Interface) - Part 2• 7 Minuten
- JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 1• 9 Minuten
- JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 2• 9 Minuten
10 Lektüren• Insgesamt 550 Minuten
- Module 7: Asset Library• 60 Minuten
- Lecture Slides: The Basics of JavaScript (JS)• 60 Minuten
- Lesson 1 Video Reference Page• 60 Minuten
- Lecture Slides: JS Language Features and Syntax• 60 Minuten
- Lecture Slides: Google Maps API (Application Programming Interface)• 60 Minuten
- Lesson 3 Video Reference Page• 60 Minuten
- Lecture Slides: JavaScript Objects, Event Handling, and DOM (Document Object Model)• 60 Minuten
- Lesson 4 Video Reference Page • 60 Minuten
- Project 3 Practice Assignment: First Attempt• 60 Minuten
- Module 7 Summary• 10 Minuten
4 Aufgaben• Insgesamt 270 Minuten
- Module 7 Summative Assessment• 180 Minuten
- What did you learn about The Basics of JavaScript?• 30 Minuten
- What did you learn about JS Language Features and Syntax?• 30 Minuten
- What did you learn about JavaScript Objects, Event Handling, and the DOM?• 30 Minuten
Module 8 focuses on empowering students with the skills to dynamically manipulate HTML content using JavaScript, enhancing web interactivity and functionality. Students will explore the integration and utilization of a jQuery Box Slider, adding sophisticated visual elements to their web projects. A key aspect of the course is teaching students how to responsively resize video widths, ensuring optimal viewing experiences across different screen sizes. Additionally, the module highlights the value of these skills in the context of working with various website frameworks, preparing students for advanced web development tasks and modern responsive design practices.
Das ist alles enthalten
7 Videos9 Lektüren3 Aufgaben1 peer review
7 Videos• Insgesamt 55 Minuten
- Module 8 Introduction• 3 Minuten
- How-To Grab JavaScript Objects and Change HTML• 10 Minuten
- JQuery Intro and Box Sliders - Part 1• 7 Minuten
- JQuery Intro and Box Sliders - Part 2• 9 Minuten
- Responsive Videos• 7 Minuten
- What This All Means for Using Website Frameworks - Part 1• 10 Minuten
- What This All Means for Using Website Frameworks - Part 2• 9 Minuten
9 Lektüren• Insgesamt 440 Minuten
- Module 8: Asset Library• 60 Minuten
- Lecture Slides: How-To Grab JavaScript Objects and Change HTML• 60 Minuten
- Lecture Slides: JQuery Intro and Box Sliders• 60 Minuten
- Lesson 2 Video Reference Page• 60 Minuten
- Lecture Slides: Responsive Videos• 60 Minuten
- Lecture Slides: What This All Means for Using Website Frameworks• 60 Minuten
- Lesson 4 Video Reference Page• 60 Minuten
- Project 3 Practice Assignment: Second Attempt• 10 Minuten
- Module 8 Summary• 10 Minuten
3 Aufgaben• Insgesamt 240 Minuten
- Module 8 Summative Assessment• 180 Minuten
- What did you learn about JQuery Intro and Box Sliders?• 30 Minuten
- What did you learn about Website Frameworks?• 30 Minuten
1 peer review• Insgesamt 30 Minuten
- Lab 9: JS Event Handling• 30 Minuten
This module contains the summative course assessment that has been designed to evaluate your understanding of the course material and assess your ability to apply the knowledge you have acquired throughout the course. Be sure to review the course material thoroughly before taking the assessment.
Das ist alles enthalten
1 Aufgabe
1 Aufgabe• Insgesamt 180 Minuten
- Course Summative Assessment• 180 Minuten
Auf einen Abschluss hinarbeiten
Dieses Kurs ist Teil des/der folgenden Studiengangs/Studiengänge, die von Illinois Techangeboten werden. Wenn Sie zugelassen werden und sich immatrikulieren, können Ihre abgeschlossenen Kurse auf Ihren Studienabschluss angerechnet werden und Ihre Fortschritte können mit Ihnen übertragen werden.¹
Auf einen Abschluss hinarbeiten
Dieses Kurs ist Teil des/der folgenden Studiengangs/Studiengänge, die von Illinois Techangeboten werden. Wenn Sie zugelassen werden und sich immatrikulieren, können Ihre abgeschlossenen Kurse auf Ihren Studienabschluss angerechnet werden und Ihre Fortschritte können mit Ihnen übertragen werden.¹
Illinois Tech
Bachelor of Information Technology
Abschluss
¹Erfolgreiche Bewerbung und Einschreibung sind erforderlich. Es gelten die Zulassungsbedingungen. Jede Einrichtung legt die Anzahl der Credits fest, die durch die Absolvierung dieser Inhalte anerkannt werden und auf die Abschlussanforderungen angerechnet werden können, wobei bereits vorhandene Credits berücksichtigt werden. Klicken Sie auf einen bestimmten Kurs, um weitere Informationen zu erhalten.
Dozent
Lehrkraftbewertungen
Wir haben alle Lernenden um Feedback zu unseren Dozenten gebeten, ausgehend von der Qualität ihres Unterrichtsstils.

von

von

Illinois Tech is a top-tier, nationally ranked, private research university with programs in engineering, computer science, architecture, design, science, business, human sciences, and law. The university offers bachelor of science, master of science, professional master’s, and Ph.D. degrees—as well as certificates for in-demand STEM fields and other areas of innovation. Talented students from around the world choose to study at Illinois Tech because of the access to real-world opportunities, renowned academic programs, high value, and career prospects of graduates.
Mehr von Mobile and Web Development entdecken
MMicrosoft
Kurs
LLogical Operations
Kurs

Kurs
Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.

Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
Weitere Fragen
Finanzielle Unterstützung verfügbar,
