Introduction to Web Development with Python & JavaScript
This course is designed to introduce students who haven’t yet touched programming before. Specifically, this course going to introduce students to create web applications. We will start with the basics, HTML, and CSS, then we will talk about JavaScript to make our site more interactive, then we are going to talk about backend using Python with SQL. Students will also get experience by using cloud technology, such as GitHub and Heroku and frameworks such as Flask, Django, Bootstrap, and Sass. Students will also have the opportunity to create different projects, such as URL Shortener, Live Chatting app, and more.
This course is designed to introduce students who haven’t yet touched programming before. Specifically, this course going to introduce students to create web applications. We will start with the basics, HTML, and CSS, then we will talk about JavaScript to make our site more interactive, then we are going to talk about backend using Python with SQL. Students will also get experience by using cloud technology, such as GitHub and Heroku and frameworks such as Flask, Django, Bootstrap, and Sass. Students will also have the opportunity to create different projects, such as URL Shortener, Live Chatting app, and more.
Course Content
Week 0:
- Class 0: Intro to Web Development, Programming, HTML
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=1
- https://www.bilibili.com/video/BV1Zf4y1u7gE?spm_id_from=1
- Class 1: CSS, Bootstrap and Sass
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=2
Week 1:
- Class 0: Build a static Google Clone.
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=3
- Class 1: Intro to JavaScript (data types, conditional statements, loops)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=4
- https://www.bilibili.com/video/BV1ef4y1777Y?spm_id_from=333.999.0.0
Week 2:
- Class 0: JavaScript with HTML/CSS
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=5
- https://www.bilibili.com/video/BV1fv411g7fL?spm_id_from=333.999.0.0
- Class 1: Intro to API with JavaScript
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=6
- https://www.bilibili.com/video/BV1YF411Y7ii?spm_id_from=333.999.0.0
Week 3:
- Class 0: Create a NASA APOD Web App
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=7
- https://www.bilibili.com/video/BV1zu411Z7Pd?spm_id_from=333.999.0.0
- Class 1: Create a NASA APOD Web App (cont’d)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=8
- https://www.bilibili.com/video/BV1Cv411g7z9?spm_id_from=333.999.0.0
Week 4:
- Class 0: Intro to Python
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=9
- Class 1: Python cont’d
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=10
Week 5:
- Class 0: Intro to Flask & SQL
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=11
- Class 1: Create a URL Shortener (Part 1)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=12
Week 6:
- Class 0: Create a URL Shortener (Part 2)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=13
- https://www.bilibili.com/video/BV1vf4y17783?spm_id_from=333.999.0.0
- Class 1: Create a Live Chatting Web App (Part 1)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=14
Week 7:
- Class 0: Create a Live Chatting Web App (Part 2)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=15
- https://www.bilibili.com/video/BV1Zr4y127bF?spm_id_from=333.999.0.0
- Class 1: Intro to Django
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=16
- https://www.bilibili.com/video/BV1LR4y1H7KW?spm_id_from=333.999.0.0
Week 8:
- Class 0: Create an AlgoExpert Clone (Part 1)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=17
- Class 1: Create an AlgoExpert Clone (Part 2)
- https://www.youtube.com/watch?v=O63qpt6Gtwc&list=PL-eUlmO9hHi2qqh_cRSSDiUeMUbHb7QAI&index=18
Week 9:
- Class 0: Deep talk about GitHub, CI/CD, Testing & Security
- Class 1: Conclusion
Reviews
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est fringilla morbi mauris gravida. Eu vel arcu neque vitae vitae justo. Sit integer faucibus in dictumst amet hac. Enim amet, elementum faucibus id ultrices facilisis. Integer sed aenean consectetur.”
Review Name 1
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est fringilla morbi mauris gravida. Eu vel arcu neque vitae vitae justo. Sit integer faucibus in dictumst amet hac. Enim amet, elementum faucibus id ultrices facilisis. Integer sed aenean consectetur.”
Review Name 2
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est fringilla morbi mauris gravida. Eu vel arcu neque vitae vitae justo. Sit integer faucibus in dictumst amet hac. Enim amet, elementum faucibus id ultrices facilisis. Integer sed aenean consectetur.”
CS308 - Basics of Web Development
In this course, students will gain a basic understanding of HTML5, CSS3, and JavaScript ES6 through visualized discussions, demonstrations, and hands-on coding. We will first discuss how all 3 languages work together in a website and how they interact as separate files. Then, we’ll move into learning the basics of each language, starting with syntax and then doing hands-on practice with recreating webpage elements. Throughout this, we will demonstrate how tools such as ChatGPT can generate raw code, then learn to read/understand prewritten code and add our own elements to it. We’ll spend a week briefly introducing APIs and showing the exciting possibilities for collaboration that web development offers. Finally, students will contribute to The Cloud Classroom’s website / leave the class with code for a personalized webpage.
CS307 - Algorithm with Java
Welcome to the captivating realm of computer algorithms! In this course, we will embark on an exploratory journey into the fundamental principles of algorithms and their profound impact on our digital landscape. Our primary medium for comprehending and implementing algorithms will be the esteemed programming language, Java. Through a combination of interactive discussions, practical coding exercises, and engaging activities, we will equip you with the knowledge and skills necessary to design, analyze, and implement algorithms proficiently.
SCI403 - Introduction to Fundamentalsin Science
This class to include the first human inhabitants of the Japanese Archipelago, the various periods that followed which included Kofun, Asuka, Nara, Heian and all the way to Feudal Japan (1185 to 1600). This would be followed by Early Modern Japan (1600 to 1868). Then Modern Japan from this period to 1912. After this period we would cover Imperial Japan, invasion of Asia, and WWII.