Front-end web developer

This translation is incomplete. Please help translate this article from English

ยินดีต้อนรับสู่เส้นทางการเรียนรู้สำหรับนักพัฒนาเว็บส่วนหน้าของเรา!

ที่นี่เรามีหลักสูตรโครงสร้างที่จะสอนทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อเป็นนักพัฒนาเว็บส่วนหน้า เพียงทำงานผ่านแต่ละส่วนเรียนรู้ทักษะใหม่ ๆ (หรือปรับปรุงทักษะที่มีอยู่) ตามที่คุณไป แต่ละส่วนมีแบบฝึกหัดและการประเมินผลเพื่อทดสอบความเข้าใจของคุณก่อนที่จะก้าวไปข้างหน้า

วิชาที่ครอบคลุม

วิชาที่ครอบคลุมคือ:

  • การตั้งค่าพื้นฐานและการเรียนรู้วิธีการเรียนรู้
  • มาตรฐานเว็บและแนวปฏิบัติที่ดีที่สุด (เช่นความสามารถในการเข้าถึงและความเข้ากันได้ของเบราว์เซอร์ข้าม)
  • HTML ภาษาที่ให้โครงสร้างเนื้อหาเว็บและความหมาย
  • CSS ภาษาที่ใช้ในการจัดรูปแบบหน้าเว็บ
  • JavaScript ซึ่งเป็นภาษาสคริปต์ที่ใช้ในการสร้างการทำงานแบบไดนามิกบนเว็บ
  • เครื่องมือที่ใช้เพื่ออำนวยความสะดวกในการพัฒนาเว็บฝั่งไคลเอ็นต์ที่ทันสมัย

You can work through sections in order, but each one is also self-contained. For example, if you already know HTML, you can skip ahead to the CSS section.

Prerequisites

You don't need any previous knowledge to start this course. All you need is a computer that can run modern web browsers, an internet connection, and a willingness to learn.

If you are not sure if front-end web development is for you, and/or you want a gentle introduction before starting a longer and more complete course, work through our Getting started with the web module first.

Getting help

We have tried to make learning front-end web development as comfortable as possible, but you will probably still get stuck because you don't understand something, or some code is just not working.

Don't panic. We all get stuck, whether we are beginner or professional web developers. The Learning and getting help article provides you with a series of tips for looking up information and helping yourself. If you are still stuck, feel free to post a question on our Discourse forum.

Let's get started. Good luck!

The learning pathway

Getting started

Time to complete: 1.5–2 hours

Prerequisites

Nothing except basic computer literacy.

How will I know I'm ready to move on?

There are no assessments in this part of the course. But make sure you don't skip. It is important to get you set up and ready to do work for exercises later on in the course.

Guides

Semantics and structure with HTML

Time to complete: 35–50 hours

Prerequisites

Nothing except basic computer literacy, and a basic web development environment.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Styling and layout with CSS

Time to complete: 90–120 hours

Prerequisites

It is recommended that you have basic HTML knowledge before starting to learn CSS. You should at least study Introduction to HTML first.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Additional resources

Interactivity with JavaScript

Time to complete: 135–185 hours

Prerequisites

It is recommended that you have basic HTML knowledge before starting to learn JavaScript. You should at least study Introduction to HTML first.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Web forms — Working with user data

Time to complete: 40–50 hours

Prerequisites

Forms require HTML, CSS, and JavaScript knowledge. Given the complexity of working with forms, it is a dedicated topic.

How will I know I'm ready to move on?

The assessments in each module are designed to test your knowledge of the subject matter.  Completing the assessments confirms that you are ready to move on to the next module.

Modules

Making the web work for everyone

Time to complete: 60–75 hours

Prerequisites

เป็นความคิดที่ดีที่จะรู้จัก HTML, CSS และ JavaScript ก่อนที่จะทำงานในส่วนนี้ เทคนิคและแนวปฏิบัติที่ดีที่สุดหลายเรื่องมีหลายเทคโนโลยี

ฉันจะรู้ได้อย่างไรว่าฉันพร้อมจะเดินหน้าต่อไป?

การประเมินผลในแต่ละโมดูลถูกออกแบบมาเพื่อทดสอบความรู้ของคุณในเรื่อง การดำเนินการประเมินให้เสร็จสมบูรณ์เป็นการยืนยันว่าคุณพร้อมที่จะไปยังโมดูลถัดไป

โมดูล

เครื่องมือที่ทันสมัย

ระยะเวลาดำเนินการ: 55–90 ชั่วโมง

ข้อกำหนดเบื้องต้น

เป็นความคิดที่ดีที่จะรู้ HTML, CSS และ JavaScript ก่อนที่จะทำงานในส่วนนี้เนื่องจากเครื่องมือที่กล่าวถึงทำงานร่วมกับเทคโนโลยีเหล่านี้มากมาย

ฉันจะรู้ได้อย่างไรว่าฉันพร้อมจะเดินหน้าต่อไป?

ไม่มีบทความการประเมินเฉพาะในชุดของโมดูลนี้ แบบฝึกหัดกรณีศึกษาในตอนท้ายของโมดูลที่สองและสามเตรียมความพร้อมสำหรับการเข้าใจความจำเป็นของเครื่องมือที่ทันสมัย

โมดูล