Course Details:

Students will need either an account at Replit.com (https://replit.com) or the ability to create a project directory and files on their own file system. If they choose to work locally, they will also need a suitable editor capable of loading and saving plain text files (e.g., files with no extra formatting). Visual Studio Code (https://code.visualstudio.com) is recommended.

Introduction to Web Development – HTML, CSS, and JavaScript – A Web-Based Calendar

$100.00

Use HTML, CSS, and JavaScript to create a web-based calendar in this 4-week mini-course. Students will use HTML to define the overall layout, CSS to make it look like a monthly calendar, and JavaScript to make it dynamic and interactive.

Section Options / Enroll:

Description

HTML, CSS, and JavaScript are the three coding languages that form the basis of every modern web page. While many web sites today are built using drag-and-drop tools that require little if any coding, the results are often not exactly what the web designer had in mind. With just a little background in HTML, CSS, and JavaScript, one is able to make adjustments to the layout and appearance of the page to bring it closer to the designer’s original vision.

Laying a Foundation

Students who know HTML, CSS, and JavaScript are laying the foundation for a career in web application development. Front-end web developers use all three of these languages as part of their everyday work. Back-end web developers work extensively with JavaScript, but they, too, often need to embed HTML and CSS into the content the server delivers to the web browser when responding to a request. Finally, software testers who verify the behavior of web applications use HTML, CSS, and JavaScript to create thorough sets of automated test cases.

Course Details

In this course, students will use HTML elements to create a structure to logically represent the calendar layout. They will then use CSS to modify the way each element is rendered by the browser so that the page looks like a monthly calendar. Finally, since the layout for the days in each month is different, they will use JavaScript to modify the initial presentation and as the view is switched from one month to the next.

Meeting Details:

The course will meet virtually for approximately one hour weekly for four weeks. In each interactive session, the instructor will provide instruction, lead guided practice, and answer questions. Students will then be given an assignment to complete on their own to complete before the next session. Students can contact the instructor between sessions via email (or an equivalent medium), and the instructor will provide feedback and suggestions on the assignments.

Students who complete this course as well as

  • HTML and CSS Basics
  • HTML, CSS, and JavaScript – A Web-Based Calculator
  • Using Web Service APIs – Weather Report

are eligible for a one-semester credit for a course entitled “Introduction to Web Development.” It is recommended but not required for students to complete HTML and CSS Basics before taking this course.

Lesson Schedule

Class 1Creating the HTML structureIn this lesson, students will create an HTML page to define the basic structure for the calendar. The page will not yet look like a calendar, but it will have placeholders for enough “days” to represent any month.
Class 2Styling the page to look like a calendarIn this lesson, students will define style rules and properties to make the HTML page look like a calendar.
Class 3Laying out the initial monthIn this lesson, students will write JavaScript code to cause the page to show the calendar view for the current month when the page is first loaded.
Class 4Moving to the next or previous monthIn this lesson, students will add the ability to show the previous or the next month by pressing buttons at the top of the page.

Class Introduction Video

Taught From a Christian Perspective

Coding & Tech:

The fact that humans have the knowledge and ingenuity to create something as complex as the Internet and the various languages and protocols that make it work is a testament to God’s role as the Creator. It is further proof that we were created in His image and given just a small fraction of His abilities to serve as stewards of His world.

All Classes:

Our mission is to equip learners’ minds and shepherd their hearts. We want them to have saving faith in our Lord Jesus Christ and then develop a biblical worldview. This means they view their world, themselves, and God in a way that aligns with what the Bible teaches. This brings great peace and understanding to the believer because we serve a good, sovereign God. This course is taught with these goals in mind. In class, we may pray, read scripture, and discuss how to view the content from a Christian perspective.

We have adopted The Master’s Seminary Doctrinal Statement.

The Lemons-Aid Way

Rich Content:

For over a century, progressive education reform has been “anti-content,” which means they de-emphasize rich content and focus instructional time on things such as self-esteem and “skills” they hope will benefit a learner in the future. This is why American kids do so poorly in testing compared to nations with content-rich curricula. We want our learners to increase in knowledge and grow in wisdom, which our content-area experts foster while teaching.

Explicit Teaching:

Explicit teaching is a method of instruction students desperately need! It is the opposite of a constructivist philosophy whereby students try to construct meaning themselves.

Well…

Instead of leaving students to magically figure out how to write an essay or read or do a geometry proof, we teach explicitly, which is backed by a large body of evidence, and it’s how Mrs. Lemons teaches her undergraduate and graduate teacher candidates in college to teach! We do it this way because it’s how kids learn.

Explicit instruction is “a structured, systematic, and effective methodology for teaching academic skills. It is called explicit because it is an unambiguous and direct approach to teaching that includes both instructional design and delivery procedures. Explicit instruction is characterized by a series of supports or scaffolds, whereby students are guided through the learning process with clear statements about the purpose and rationale for learning the new skill, clear explanations and demonstrations of the instructional target, and supported practice with feedback until independent mastery has been achieved.”
-Explicit Instruction: Effective and Efficient Teaching by Anita L. Archer and Charles A. Hughes.

Anita Archer trained Mrs. Lemons in workshops, and it changed her teaching. Read a little more about the research behind explicit teaching here and here.


To read more about your teaching and learning methods, read Mrs. Lemons’ blog.

 

The Lemons-Aid Team

Lemons-Aid teachers have a few things in common.
❤️ They love their students and value each of their unique strengths and personalities that make our classes special. Our classes can be described as fun, personal, academic, challenging, and supportive.
🤩 We work to keep learners engaged, so there is always a degree of student accountability for their attention and focus, whether that be through asking them direct questions or by using the chatbox.
đź’­ We know all kids can learn, but sometimes things are hard! To support students, we teach them how to develop effective thinking and learning habits that will bring them success in class and in life.
🌟 Building relationships with students so they know we care about them helps us balance the high expectations we have for them regarding their effort, work quality, and behavior. Our students are encouraged, cared for, and they achieve!

Robert Walsh

GET TO KNOW MR. WALSH. 

 

This Class is Not Offered on Outschool

 

Request a New Section

Want to see this class offered at another time? Send a request, and we’ll see what we can do!

Reviews

There are no reviews yet.

Be the first to review “Introduction to Web Development – HTML, CSS, and JavaScript – A Web-Based Calendar”

Your email address will not be published. Required fields are marked *