検索

$12

weekly
クラス

子どもたちが Web 開発を学ぶ: Github を使った HTML、CSS、Javascript プロジェクト!

35 人が学習を完了しました
年齢 11 歳-15 歳
ライブグループクラス
初心者向けの 1 年間にわたるブートキャンプで、コーディングの旅を始めましょう。子供たちは、楽しく実践的なプロジェクトを通じて実際の Web サイトを構築することで、HTML、CSS、JavaScript を基礎から学びます。事前の経験は必要ありません。
平均評価:
4.8
レビュー数:
(149 レビュー)
Popular

オンラインライブ授業
週に1回
4 人-9 人 1クラスあたりの学習者
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
149レビュー
Popular
プロフィール
教師の専門知識と資格
修士号 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
(149)
$12 クラスごと
グループクラス
50 週間、 1/週、 35 分
13 歳-17 歳
他のクラス by Faruk Hasan
他のクラス by Faruk Hasan


その他の人気クラス
子どものためのウェブデザイン: HTML & CSS & WordPress
AI Code Academy
4.7
(1,787)
$21 クラスごと
次回のセッションは Saturday の3 PM です
グループクラス
10 週間、 1/週、 1 時間
9 歳-14 歳
サマーキャンプ: 子どものためのウェブデザイン: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,787)
$22 クラスごと
次回のセッションは Mon 6/16 の3 PM です
グループクラス
2 週間、 5/週、 1 時間
10 歳-15 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,846)
$20 クラスごと
次回のセッションは Wed 6/4 の10 PM です
グループクラス
10 週間、 1/週、 50 分
9 歳-14 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,846)
$20 クラスごと
グループクラス
10 週間、 1/週、 50 分
10 歳-15 歳
子どもたちが Web 開発を学ぶ: Github を使った HTML、CSS、Javascript プロジェクト!
Faruk Hasan
4.8
(149)
$12 クラスごと
次回のセッションは Tue 7/1 の11 PM です
グループクラス
1/週、 35 分
11 歳-15 歳
HTML、CSS、Javascript を使用して独自の Web サイトを構築する - サマー キャンプ コーディング ワークショップ
Coding Doctors Learning Lab, Inc.
4.8
(1,253)
$15 クラスごと
次回のセッションは Mon 5/26 の11 PM です
グループクラス
2 週間、 4/週、 55 分
10 歳-14 歳
HTML、CSS、AIマジックを使って素晴らしいウェブサイトを構築する(初心者向け)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(1)
$15 クラスごと
次のセッションは明日の 7 PM です
グループクラス
8 週間、 1/週、 55 分
10 歳-14 歳
ウェブプログラミング 1 週間キャンプ
MissB aka Bhavana R (Coding)
4.9
(37)
$80 クラスごと
次回のセッションは Mon 7/14 の7 PM です
グループクラス
1 週間、 5/週、 1.50 時間
10 歳-15 歳
「キッズ コーディング クエスト: 一緒に素晴らしい Web サイトを構築」
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$9 クラスごと
次回のセッションは Mon 6/2 の11 PM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
1:1 コーディング セッション: Java、Python、HTML、CSS、JavaScript (カスタマイズ可能)
MissB aka Bhavana R (Coding)
4.9
(37)
$70 セッションごと
1対1レッスン
オンデマンド
9 歳-18 歳
オブジェクト、音楽、サウンドを使って HTML5 ウェブサイトをデザイン、コーディング、公開しましょう。対象年齢 7~12 歳
Raymond Mullikin (Raytoons Comics)
4.9
(501)
$16 クラスごと
次回のセッションは Sunday の6 PM です
グループクラス
6 週間、 1/週、 50 分
7 歳-12 歳
ウェブ開発とグラフィックデザイン - 5日間 - サマーキャンプ
Fleming Tech Camps
4.9
(26)
$60 クラスごと
次回のセッションは Mon 6/9 の8:15 PM です
グループクラス
1 週間、 5/週、 2.92 時間
10 歳-15 歳
オブジェクト、音楽、サウンドを使って HTML5 ウェブサイトをデザイン、コーディング、公開しましょう。対象年齢 12 歳以上
Raymond Mullikin (Raytoons Comics)
4.9
(501)
$16 クラスごと
次回のセッションは Monday の8 PM です
グループクラス
6 週間、 1/週、 50 分
13 歳-18 歳
Scratch ビデオゲームコーディング: 楽しいプログラミング
Michelle Lewis Scratch Coding STEM Educator
5.0
(19)
$48 セッションごと
1対1レッスン
オンデマンド
7 歳-17 歳
Pythonプログラミングとコンピュータコーディング中級ハングアウトとコード
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(729)
$18 クラスごと
次回のセッションは Monday の10 PM です
グループクラス
1/週、 55 分
8 歳-13 歳
Scratchプログラミング: マンツーマンコーディングセッション
BrainBytes
4.9
(241)
$65 セッションごと
1対1レッスン
オンデマンド
6 歳-13 歳
もっとクラスを見る
アプリを入手 
App StoreでダウンロードGoogle Playで入手する
Home
検索
ギフトカードを贈る
通貨、タイムゾーン、言語の設定を開く
言語と地域
ログイン