검색

US$12

weekly
수업

아이들이 웹 개발을 배우다: Github을 활용한 HTML, CSS, Javascript 프로젝트!

35 명의 학생이 수업을 완료함
연령대: 11-15 세
실시간 그룹 수업
이 1년간의 초보자 친화적 부트캠프에서 코딩 여정을 시작하세요! 아이들은 재미있고 실습적인 프로젝트를 통해 실제 웹사이트를 구축하여 HTML, CSS, JavaScript를 기초부터 배우게 됩니다. 사전 경험은 필요 없습니다!
평균 평점:
4.8
수강 후기 수:
(149 수강 후기)
인기 수업

실시간 화상 수업
주당 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
149수강 후기
인기 수업
프로필
교사 전문성 및 자격증
석사 학위 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)
US$12회당 수업료
그룹 수업
50 주, 주당 1회35분
13-17 세


다른 인기 수업
아이들을 위한 웹 디자인: HTML & CSS & WordPress
AI Code Academy
4.7
(1,787)
US$21회당 수업료
다음 세션은 Saturday 3 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
9-14 세
여름 캠프: 어린이를 위한 웹 디자인: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,787)
US$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)
US$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)
US$20회당 수업료
그룹 수업
10 주, 주당 1회50분
10-15 세
아이들이 웹 개발을 배우다: Github을 활용한 HTML, CSS, Javascript 프로젝트!
Faruk Hasan
4.8
(149)
US$12회당 수업료
다음 세션은 Tue 7/1 11 PM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
11-15 세
HTML, CSS, & Javascript를 사용하여 나만의 웹사이트 구축 - 여름 캠프 코딩 워크숍
Coding Doctors Learning Lab, Inc.
4.8
(1,253)
US$15회당 수업료
다음 세션은 Mon 5/26 11 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 4회55분
10-14 세
HTML, CSS 및 AI Magic을 사용하여 멋진 웹사이트 구축(초보자 친화적)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(1)
US$15회당 수업료
다음 세션은 내일 7 PM 입니다.
그룹 수업
8 주, 주당 1회55분
10-14 세
웹 프로그래밍 주간 캠프
MissB aka Bhavana R (Coding)
4.9
(37)
US$80회당 수업료
다음 세션은 Mon 7/14 7 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 5회1.50 시간
10-15 세
"어린이 코딩 퀘스트: 함께 멋진 웹사이트 만들기"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$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)
US$70 세션당
일대일 레슨
온디맨드
9-18 세
객체, 음악 및 사운드를 사용하여 HTML5 웹사이트를 디자인, 코딩 및 출시하세요! 7-12세
Raymond Mullikin (Raytoons Comics)
4.9
(501)
US$16회당 수업료
다음 세션은 Sunday 6 PM 에 예정되어 있습니다.
그룹 수업
6 주, 주당 1회50분
7-12 세
웹 개발 및 그래픽 디자인 - 5일 - 여름 캠프
Fleming Tech Camps
4.9
(26)
US$60회당 수업료
다음 세션은 Mon 6/9 8:15 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 5회2.92 시간
10-15 세
객체, 음악 및 사운드를 사용하여 HTML5 웹사이트를 디자인, 코딩 및 출시하세요! 12세 이상
Raymond Mullikin (Raytoons Comics)
4.9
(501)
US$16회당 수업료
다음 세션은 Monday 8 PM 에 예정되어 있습니다.
그룹 수업
6 주, 주당 1회50분
13-18 세
스크래치 비디오 게임 코딩: 재미있는 프로그래밍
Michelle Lewis Scratch Coding STEM Educator
5.0
(19)
US$48 세션당
일대일 레슨
온디맨드
7-17 세
파이썬 프로그래밍 및 컴퓨터 코딩 중급 Hangout and Code
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(729)
US$18회당 수업료
다음 세션은 Monday 10 PM 에 예정되어 있습니다.
그룹 수업
주당 1회55분
8-13 세
스크래치 프로그래밍: 일대일 코딩 세션
BrainBytes
4.9
(241)
US$65 세션당
일대일 레슨
온디맨드
6-13 세
더 많은 수업 보기
검색
기프트 카드 구매
통화, 시간대 및 언어 설정 열기
언어 및 지역
로그인