Outschool
搜尋

US$12

weekly
班級

以專案為基礎的兒童 Web 開發(為期一年):學習 HTML、CSS 和 Javascript

由 35 位學習者完成
年齡 10-15
現場團體小班課程
在這個為期一年、適合初學者的訓練營中開啟你的程式設計之旅!孩子們將透過有趣的實作項目建立真實的網站,從頭開始學習 HTML、CSS 和 JavaScript。無任何經驗!
平均評分:
4.8
評論數量:
(148 評論)
熱門課程

即時視訊會議
每週 1 次
4-9 名學習者(每班)
35 分鐘

包含什麼

1 現場會議
每週上課 35 分鐘 小時
作業
每週 1 小時. 每週1-2次
我們無法翻譯此文,請刷新頁面並再試一次。

課堂經歷

Dive into an exciting journey from JavaScript newbie to expert web developer with this year-long adventure. Guided by a passionate and experienced instructor (me!), you'll explore the depths of JavaScript programming while getting hands-on with HTML and CSS. Whether you're starting from scratch or aiming to level up your skills, this course will give you everything you need to create dynamic and interactive websites with ease and confidence.

Over the course of the year, students will gradually build their skills from basic web development to creating interactive projects and deploying their own websites.

Core Topics Covered:
HTML & CSS: Structure and style of web pages

JavaScript Basics: Variables, data types, functions, conditionals, loops

DOM Manipulation & Events: onclick, onchange, innerText, innerHTML, getElementById(), event listeners

Objects & Arrays: Creating, updating, and using data structures

String Manipulation: .replace(), .split(), .join()

Forms & Custom Attributes: Handling form input, using custom data attributes

Error Handling: Basic try/catch and validation techniques

Working Across Pages: Passing variables via URL parameters

Random Generators: Creating random numbers and strings for dynamic interactions

Git & GitHub: Version control basics, using GitHub repositories

GitHub Pages & Actions: Deploying projects and automating workflows

Domain Setup: Publishing a personal site or blog with a custom domain

Projects Students Will Complete:
Intro Web Page – A simple HTML page with images, links, and structure

Login & Signup Page – Form-based login with input validation

Emoji Translator – Convert words or phrases into emojis

Shopping Page – Choose and “buy” snacks and drinks using JavaScript logic

Personal Website or Blog – Designed, built, and deployed with GitHub Pages

By the end of the course, students will have a strong foundation in front-end development, hands-on experience with web tools, and a personal site live on the internet.

Teaching Style:
As the sole instructor, I adopt an interactive teaching style that blends live lectures, coding demonstrations, hands-on exercises, and collaborative projects. Each session is designed to cater to learners of all levels, providing clear explanations, practical examples, and personalized feedback to support student growth and mastery.

Interaction and Engagement:
Throughout the year-long course, students will engage with course material and fellow learners through various interactive activities, including:
- Live lectures: In-depth explanations of JavaScript concepts and web development techniques
- Coding sessions: Interactive coding challenges and exercises to reinforce learning
- Group projects: Collaborative web development projects to apply knowledge and build real-world applications
- Q&A sessions: Opportunities to ask questions, seek clarification, and engage in discussions with the instructor and peers
- Code reviews: Constructive feedback and code reviews to enhance coding skills and best practices

By actively participating in these interactive sessions, students will not only become proficient in JavaScript programming but also develop the necessary skills and confidence to excel as web developers in today's digital landscape.

其他詳情

父母的引導和規範
To enroll in this course, students must have a MacBook or Windows laptop/desktop. We'll utilize Visual Studio for writing code, which can be downloaded from this link: https://visualstudio.microsoft.com/ While not mandatory, creating an account is beneficial. Enrolling in this course involves consenting to share information for an enhanced learning experience. Microsoft will process the shared data. For privacy details, refer to the Privacy Policy: https://devblogs.microsoft.com/visualstudio/privacy/ Here are some of the policy details- "Microsoft uses the data we collect to provide you with rich, interactive experiences. In particular, we use data to: Provide our products, which includes updating, securing, and troubleshooting, as well as providing support. It also includes sharing data, when it is required to provide the service or carry out the transactions you request. Improve and develop our products. Personalize our products and make recommendations. Advertise and market to you, which includes sending promotional communications, targeting advertising, and presenting you with relevant offers. We also use the data to operate our business, which includes analyzing our performance, meeting our legal obligations, developing our workforce, and doing research. In carrying out these purposes, we combine data we collect from different contexts (for example, from your use of two Microsoft products) or obtain from third parties to give you a more seamless, consistent, and personalized experience, to make informed business decisions, and for other legitimate purposes."
供應清單
PC Requirements:

- A Windows or Mac computer (Chromebooks are not recommended for later projects)  

- At least 4GB of RAM (8GB+ recommended for a smoother experience)  

- A stable internet connection  

- A modern web browser (Google Chrome is preferred)
外部資源
除了 Outschool 教室外,本課程也使用:

認識老師

已加入 May, 2020
4.8
148評論
熱門課程
教師檔案
教師專業知識和證書
碩士 由 Loyola Marymount University
Hi, I’m Faruk Hasan ! 👋

I’m a Software Test Engineer (SDET) with over 12 years of experience in software development, cloud computing, and tech education. I specialize in teaching Python, Java, HTML, CSS, JavaScript, Artificial Intelligence (AI), and algebra, with a focus on making complex topics easy to understand through hands-on, real-world projects.

With a Bachelor's and Master's degree in Electrical Engineering, I combine technical expertise with a passion for teaching. My classes are interactive and project-based, helping students not only learn to code but also build critical thinking and problem-solving skills.

Whether your learner is exploring programming for the first time or ready to dive deeper into AI, app development, or math, I’m here to guide them in a fun, supportive, and engaging environment.


 👨‍🏫 Classes I Offer

### 🔹 Python Classes
- Level 1: Real-World Python Projects 
  Learn the basics of Python by building fun, hands-on projects that connect directly to real-world applications.

- Level 2: Advanced Python Projects  
  Take your Python skills to the next level with more complex, creative, and challenging projects.

- Level 3: Python Algorithms  
  Learn how to think like a problem solver! This class focuses on logical thinking and algorithm design.

- Year-Long Beginner Python Coding Class (Project-Based)  
  Perfect for younger or new coders—this class introduces Python through exciting, kid-friendly projects over a full year.

- Level 4 Flex: Python GUI Coding with Tkinter  
  Learn how to build your own apps and interfaces using Python's Tkinter library. Great for visual learners!

- Level 5 Flex: Python Projects with Algorithms & OOP  
  Explore object-oriented programming while building impressive Python projects and sharpening your coding logic.

- AI with Python: Build, Train & Deploy Artificial Intelligence Projects  
  Learn how AI works by building your own models using Python! A fun introduction to machine learning and smart technology.

---

☕ Java Classes
- Level 1: Java for Beginners  
  A project-based class designed to teach the fundamentals of Java in a fun, easy-to-understand way.

- Java OOP: Learn Object-Oriented Programming through Projects
  
  Dive into core Java concepts with real-world applications, perfect for students curious about how software works.

- Advanced Java Programming  
  Take your Java skills further with a focus on algorithm design, advanced concepts, and testing strategies.

---

🌐 Web Development Classes

- Beginner Web Development Bootcamp: JavaScript, HTML, and CSS for Kids  

  Build your own websites while learning how the internet works! This hands-on course covers everything a beginner needs.

---

➗ Math Classes
- Algebra 1 for Middle Schoolers 
  Learn core algebra concepts in a supportive and engaging environment. Perfect for middle school students who want to get ahead or build confidence.

---

🌟 **Why Choose My Classes?

- Industry Experience Meets Education 
  With 12+ years in tech and a passion for teaching, I bring real-world knowledge into every lesson.

- Project-Based Learning  
  Every class is packed with hands-on activities so students can apply what they learn and build a portfolio of cool projects.

- Fun, Supportive, and Student-Focused  
  I create an environment where students feel comfortable asking questions, exploring ideas, and growing their skills.

---
 🎓 Education
- B.S. in Electrical Engineering – Queen Mary, University of London, UK  

- M.S. in Electrical Engineering – Loyola Marymount University, Los Angeles, CA

---

💼 Professional Background
I’ve spent over a decade in the tech industry, working as a Software Test Engineer (SDET). I specialize in Python, Java, web development, cloud computing, and AI. I love bringing that real-world experience into the classroom to show students how tech is used every day.

---

🎮 **Fun Facts About Me
When I’m not coding or teaching, you’ll find me traveling, reading, cycling, gaming, or exploring new technologies. My hobbies help me bring creativity and energy to every class!

---

🚀 Join Me!
Whether you're new to coding or ready to take on more advanced projects, you're in the right place! Let’s explore the exciting world of STEM, AI, and programming together—one fun project at a time.

---

評論

Faruk Hasan 建議接下來的課程...
Python 進階:使用 Flask、OOP、HTML、資料庫、Github 和 API 進行應用程式開發
Faruk Hasan
4.8
(148)
US$12 每班
團體課
50 週, 1/週, 35 分鐘
13-17


其他家長也喜歡
兒童網頁設計:HTML、CSS 和 WordPress
AI Code Academy
4.7
(1,781)
US$21 每班
下一堂課明天 11:30 PM
團體課
10 週, 1/週, 1 小時
9-14
夏令營:兒童網頁設計:HTML & CSS & Wordpress
AI Code Academy
4.7
(1,781)
US$22 每班
下次會議在 3 PM Mon 6/16
團體課
2 週, 5/週, 1 小時
10-15
編碼 - 面向初學者的網站建立 HTML 和 CSS 簡介 1 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,828)
US$20 每班
下次會議在 8 PM Monday
團體課
10 週, 1/週, 50 分鐘
9-14
編碼 - 初學者網站建立 HTML 和 CSS 簡介 2 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,828)
US$20 每班
下次會議在 7 PM Thursday
團體課
10 週, 1/週, 50 分鐘
10-15
使用 HTML、CSS 和 Javascript 建立您自己的網站 - 夏令營程式設計研討會
Coding Doctors Learning Lab, Inc.
4.8
(1,251)
US$15 每班
下次會議在 11 PM Mon 5/26
團體課
2 週, 4/週, 55 分鐘
10-14
初學者 Web 開發基礎:HTML、CSS 和 JavaScript
Curtis Butler
US$20 每班
下次會議在 7 PM Monday
團體課
7/週, 1 小時
14-18
初學者 Web 開發基礎:HTML、CSS 和 JavaScript(簡介)
Curtis Butler
US$20 每班
下次會議在 2 PM Saturday
團體課
1 週, 1/週, 1 小時
14-18
使用 HTML、CSS 和 AI Magic 建立出色的網站(適合初學者)
PopSkool: English, Music, Art, Math, Coding & More
US$15 每班
下一堂課明天 10 PM
團體課
8 週, 1/週, 55 分鐘
10-14
以專案為基礎的兒童 Web 開發(為期一年):學習 HTML、CSS 和 Javascript
Faruk Hasan
4.8
(148)
US$12 每班
下次會議在 11 PM Tue 7/1
團體課
1/週, 35 分鐘
10-15
HTML Safari—編碼與技術—每週開會一次
Teacher Lee
US$15 每班
下次會議在 6 PM Monday
團體課
1/週, 55 分鐘
9-14
網路程式設計一週訓練營
MissB aka Bhavana R (Coding)
4.9
(37)
US$80 每班
下次會議在 7 PM Mon 7/14
團體課
1 週, 5/週, 1.50 小時
10-15
“兒童編碼探索:一起建立很棒的網站”
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$9 每班
下次會議在 4 PM Mon 6/2
團體課
4 週, 2/週, 55 分鐘
9-14
1:1 編碼課程:Java、Python、HTML、CSS、JavaScript(可自訂)
MissB aka Bhavana R (Coding)
4.9
(37)
US$70 每堂課
一對一課程
依需求開班
9-18
設計、編碼並啟動您的 HTML5 網站(包含物件、音樂和聲音)! 7-12歲
Raymond Mullikin (Raytoons Comics)
4.9
(498)
US$16 每班
下次會議在 11 PM Tue 4/29
團體課
6 週, 1/週, 50 分鐘
7-12
網頁開發和平面設計 - 5 天 - 夏令營
Fleming Tech Camps
4.9
(25)
US$60 每班
下次會議在 8:15 PM Mon 6/9
團體課
1 週, 5/週, 2.92 小時
10-15
設計、編碼並啟動您的 HTML5 網站(包含物件、音樂和聲音)! 12 歲以上
Raymond Mullikin (Raytoons Comics)
4.9
(498)
US$16 每班
下次會議在 11 PM Tue 4/29
團體課
6 週, 1/週, 50 分鐘
13-18
查看更多課程
回首頁
搜尋
贈送禮物卡
開啟貨幣、時區和語言設置
語言&地區
登入