บทเรียน
Thailand CodeCamp Software Park #6 – Fullstack JavaScript (Online Camp)
Login
฿30,000.00
Description
ค่าเรียน 30,000 บาท
คอร์สเรียน ONLINE
-
- ระยะเวลาเรียนทั้งหมด 6 เดือน (ควรจะมีเวลาเรียนอย่างน้อยสัปดาห์ละ 40 ชม.)
- เรียนที่ไหน เวลาไหนก็ได้
- มีผู้สอน ช่วยเหลือตลอด 9.00-21.00
Demo Day เลือกบริษัทที่ใช่กว่า 50 บริษัท
- วันสุดท้ายหลังจบคอร์ส เราจะเชิญบริษัทมาร่วมชมผลงานจากการฝึกงานของคุณ และพร้อมให้คุณเลือกทำงานทันทีหลังจบแคมป์!
- Career Consult ตลอดระยะเวลาการเรียน เพื่อหางานที่เหมาะสมกับคุณ
ประเมิน: https://forms.gle/2ukHmFyVqpmi7BLc7
Topics for this course
286 Lessons
CC #6 | HTML
HTML – WWW25:30
HTML – HTML structure9:27
HTML – w3s13:43
HTML – Tag 100:26:15
HTML – Tag222:23
HTML – Tag 323:44
CC #6 | Form
Form14:38
CC #6 | CSS
CSS – Reveiw and responsive page47:56
CSS – Animation35:14
CC #6 | Bootstrap
Bootstrap 452:16
CC #6 | Git
Git – History and markdown language59:11
Git – git first setting3:06
Git – State9:27
Git – Flow31:18
Git – Git with team & git branch20:46
Git – Merge22:49
Git – Rebase36:14
Git – Ignore17:40
CC #6 | UX/UI Design
UX/UI Design – Introduction to the course00:00:00
UX/UI Design – 3 buttons of wrong UX00:00:00
UX/UI Design – Introduction to UX UI design00:00:00
UX/UI Design – ความเข้าใจผิด 7 อย่าง ของ UX/UI00:00:00
UX/UI Design – นิยามและประวัติของ UX/UI00:00:00
UX/UI Design – เทคนิค และส่วนประกอบในการวิเคระาห์ UX/UI00:00:00
UX/UI Design – ตัวอย่างการคิดเรื่อง UX UI กับ Website00:00:00
UX/UI Design – Honeycomb ของ ux00:00:00
UX/UI Design – ส่งท้าย เกริ่นนำ UX00:00:00
UX/UI Design – ขั้นตอนในการทำ UX UI Design00:00:00
UX/UI Design – Persona00:00:00
UX/UI Design – Customer Journey Map00:00:00
UX/UI Design – Designing for User Goals00:00:00
UX/UI Design – Lo-wi Wireframe/Hi-Fi Wireframe00:00:00
UX/UI Design – Figma Concept00:00:00
UX/UI Design – Figma Walkthrough00:00:00
UX/UI Design – Figma UI Kit00:00:00
UX/UI Design – Gestalt Theory 1 – Similarity00:00:00
UX/UI Design – Gestalt Theory 2 – Proximity00:00:00
UX/UI Design – Designing for Non designer00:00:00
UX/UI Design – Design Process – Inspiration00:00:00
UX/UI Design – Design Process – Mood board00:00:00
UX/UI Design – Design Process – Style Guide00:00:00
UX/UI Design – Heuristic Evaluation – ให้ผู้ใช้งานสามารถควบคุม User Interface ได้00:00:00
UX/UI Design – Heuristic Evaluation – ทำให้ผู้ใช้งานรู้สึกสบายใจและสะดวกเมื่อใช้งานผลิตภัณฑ์00:00:00
UX/UI Design – Heuristic Evaluation – ลดการใช้สมอง00:00:00
UX/UI Design – Heuristic Evaluation – ทำให้ UI สอดคล้องกันทั้งหมด00:00:00
UX/UI Design – Usability Testing00:00:00
UX/UI Design – ทบทวน00:00:00
CC #6 | JavaScript Basic Part I
Basic JavaScript – Intro15:23
Basic JavaScript – Code 3 cores35:40
Basic JavaScript – Seperate html css js9:08
Basic JavaScript – Webapp9:21
Basic JavaScript – History16:58
Basic JavaScript – Resource14:07
Basic JavaScript – Comment15:06
Basic JavaScript – Prepare tools11:37
Basic JavaScript – info11:36
Basic JavaScript – Variable 116:04
Basic JavaScript – Variable 214:46
Basic JavaScript – Variable 317:24
Basic JavaScript – Variable 47:22
Basic JavaScript – Data type 127:29
Basic JavaScript – Data type 221:48
Basic JavaScript – Data type 327:53
Basic JavaScript – Type conversion23:20
Basic JavaScript – Operator 117:03
Basic JavaScript – Comparison20:20
Basic JavaScript – Condition if31:06
Basic JavaScript – Ternary13:04
[Optional] – แนะนำวิธีการทำโจทย์ 24 ข้อ เบื้องต้น11:25
CC #6 | JavaScript Basic Part II
Basic JavaScript – Greeting to part 21:14
Basic JavaScript – Summary of part 134:13
Basic JavaScript – Logical OR 136:07
Basic JavaScript – Logical OR 25:59
Basic JavaScript – Logical AND22:47
Basic JavaScript – Logical NOT25:27
Basic JavaScript – Loop while 112:10
Basic JavaScript – Loop while 211:05
Basic JavaScript – Loop while 36:39
Basic JavaScript – Loop for 19:47
Basic JavaScript – Loop for 26:14
Basic JavaScript – Loop for 3 nested for10:54
Basic JavaScript – Loop for inner HTML12:36
Basic JavaScript – Loop for 5 break12:45
Basic JavaScript – Loop for 6 continue6:53
Basic JavaScript – Switch case15:45
Basic JavaScript – Function 127:18
Basic JavaScript – Function 224:06
Basic JavaScript – Function 331:00
Basic JavaScript – Function 424:21
Basic JavaScript – Function 5 expression25:14
Basic JavaScript -Function 6 callback13:52
Basic JavaScript – Function 7 arrow function21:10
CC #6 | Advanced JavaScript Part I
Advanced JavaScript – Introduction0:50
Advanced JavaScript – วิธีการเขียน Code12:45
Advanced JavaScript – การเขียน Comment2:55
Advanced JavaScript – Babel and Polyfill1:41
Advanced JavaScript – Object Part 112:29
Advanced JavaScript – Object Part 1 (Exercise)10:13
Advanced JavaScript – Object Part 219:44
Advanced JavaScript – Object Part 39:25
Advanced JavaScript – Object Part 3 (Exercise)10:18
Advanced JavaScript – Garbage Collection1:06
Advanced JavaScript – Methods ของ Object และ this keyword21:37
Advanced JavaScript – Constructor กับ New7:10
Advanced JavaScript – Constructor กับ New (Exercise)6:55
Advanced JavaScript – Methods ของ Primitive1:40
CC #6 | Advanced JavaScript Part II
Advanced JavaScript – Intro5:21
Advanced JavaScript – Number 124:11
Advanced JavaScript – Number 210:54
Advanced JavaScript – Number 3 toFixed10:54
Advanced JavaScript – Number 4 NaN18:42
Advanced JavaScript- Number 5 Math Number14:00
Advanced JavaScript – Number 6 parseInt16:32
Advanced JavaScript – Number 7 random21:22
Advanced JavaScript – String 120:12
Advanced JavaScript- String 2 Unicode36:58
Advanced JavaScript – String 3 length16:03
Advanced JavaScript – String 4 charAt15:47
Advanced JavaScript – String 5 For of21:29
Advanced JavaScript – String 6.1 indexOf21:29
Advanced JavaScript – String 6.2 indexOf loop15:48
Advanced JavaScript – String 7 slice11:45
Advanced JavaScript – String 8 compare20:00
Advanced JavaScript – String 9 Thai compare9:16
Advanced JavaScript – Array 1 intro29:55
Advanced JavaScript – Array 2 push10:57
Advanced JavaScript – Array 3 length5:35
Advanced JavaScript – Array 4 for of17:47
Advanced JavaScript – Array method 1.110:23
Advanced JavaScript – Array method 1.2 splice17:50
Advanced JavaScript – Array method 2 forEach24:05
Advanced JavaScript – Array method 3 find19:55
Advanced JavaScript – Array method 4 filter19:23
Advanced JavaScript – Array method 5 map00:15:10
Advanced JavaScript – Array method 6 sort 100:14:37
Advanced JavaScript – Array method 7 sort 200:18:50
Advanced JavaScript – Array method 8 2 sort 300:5:23
Advanced JavaScript – Array method 9 reverse00:4:26
Advanced JavaScript – Array method 10 split00:12:21
Advanced JavaScript – Array method 11 1 summary00:10:05
Advanced JavaScript – Iterable00:19:40
Advanced JavaScript – Map 100:8:55
Advanced JavaScript – Map 2 method00:16:19
Advanced JavaScript – Map 3 forEach00:8:26
Advanced JavaScript – Map 4 Entries00:10:56
Advanced JavaScript – Set 100:20:08
Advanced JavaScript – Set 200:6:42
Advanced JavaScript – Object entries 100:17:16
Advanced JavaScript – Object entries 200:17:02
CC #6 | Javascript for React
JavaScript For React – Introduction2:42
JavaScript For React – varible decralation , arrow function10:53
JavaScript For React – Import Export18:56
JavaScript For React – Spread & Rest Operator37:26
JavaScript For React – Destructuring45:47
JavaScript For React – Getter Setter16:06
JavaScript For React – prototypal inheritance36:34
JavaScript For React – F Prototype22:06
JavaScript For React – Native prototype22:47
JavaScript For React – Modern Prototype17:11
JavaScript For React – Class18:42
JavaScript For React – Introduction to call00:00:00
JavaScript For React – call00:00:00
JavaScript For React – apply00:00:00
JavaScript For React – bind00:00:00
CC #6 | React Introduction
React Introduction – EP.1 Pure JavaScript in creating web elements00:00:00
React Introduction – EP.2 Using React00:00:00
React Introduction – EP.3 JSX00:00:00
React Introduction – EP.4 Components and Props00:00:00
React Introduction – EP.5 Create React App00:00:00
React Introduction – EP.6 State with Counter App00:00:00
React Introduction – EP.7 Arrow function with class component00:00:00
React Introduction – EP8. React Component Lifecycles00:00:00
React Introduction – EP9. Component Lifecycles Use cases00:00:00
React Introduction – EP10. Lifecycles with Clock App00:00:00
CC #6 | React.js (Lifecycle)
React – Lifecycle00:00:00
React – Creation (Lifecycle)00:2:05
React – Creation (Lifecycle) Example14:43
React – Updating (Lifecycle)1:06
React – Updating (Lifecycle) Example10:28
React – React-router-dom18:47
CC #6 | React Hook
React hook – useState31:32
React hook – Extample todolist28:48
React hook – useEffect()13:05
React hook – useContext()25:33
React hook – useReducer()31:02
CC #6 | React Form
Form – เตรียม User Interface (UI)7:33
Form – จัดการ State สำหรับ Basic Form12:02
Form – จัดการ State สำหรับ Validation18:16
Form – Validation29:28
Form – Validation UI15:43
CC #6 | React UI Framework
Ant Design – Introduction5:46
Ant Design – เริ่มต้น Project1:37
Ant Design – ตาราง7:49
Ant Design – ระบบ Grid3:26
Ant Design – Grid Responsive8:39
Ant Design – Form Validation17:04
CC #6 | Connecting Front-end and Back-end
Fullstack – ตั้งต้น Project fullstack7:44
Fullstack – Create, Read, Delete ของ Todo-List28:20
Fullstack – Concept การเชื่อมต่อระหว่าง Front-end และ Back-end6:30
Fullstack – การใช้ Postman และ HTTP Request/Response9:34
Fullstack – Axios และการเชื่อมต่อ Front-end และ Back-end26:19
Fullstack – การตั้งค่า Base-URL ของ Axios3:42
CC #6 | Node.js
Node.js – Intro to Node js0:23
Node.js – Part 14:32:01
Node.js – Part 25:37:27
Node.js – Part 35:49:42
Node.js – Implement Backend ของ Todo-List24:52
CC #6 | Basic Database
Database – Intro Database25:58
Database – Problem Examples2:18
Database – Overview Database5:31
Database – ER Diagram12:16
Database – Descriptive Atributes5:09
Database – Roles2:34
Database – Constraints14:54
Database – Weak Entity2:19
Database – Keys9:16
Database – ER Diagram Exercise17:36
Database – Subclasses And Superclasses (Optional)18:27
Database – Converting ER Diagram to Relational Database Schema20:05
Database – Converting ER Diagram to Relational Database Schema (Exercise)13:48
CC #6 | SQL(MySQL)
SQL – Intro SQL + JOIN Keyword13:12
SQL – คำสั่งพื้นฐาน37:09
SQL – Query พื้นฐาน37:10
SQL – Aggregate Operators10:22
SQL – GROUP BY, HAVING, ORDER BY13:30
CC #6 | Sequelize.js
Sequelize – Intro to Sequelize js3:18
Sequelize – Setting up project3:46
Sequelize – กำหนด Models และ Attributes10:58
Sequelize – ความสัมพันธ์ระหว่าง Models19:52
Sequelize – CRUD พื้นฐาน33:45
Sequelize – ตัวอย่าง Todo List9:13
CC #6 | Authentication Concept
Authentication – flow พื้นฐานของ Back-end และ Front-end10:27
Authentication – ฟังก์ชัน Hash10:58
Authentication – Concept พื้นฐานของ Encryption และ Decryption (Cryptography)14:45
Authentication – Concept พื้นฐานของ JSON WEB TOKEN (JWT)7:31
Authentication – Concept พื้นฐานของ BCrypt1:57
CC #6 | Back-end Authentication Implementation
Authentication – Setting up project6:26
Authentication – Login และ Register19:06
Authentication – Implementation22:22
Authentication – dotenv library (Optional)4:03
CC #6 | Front-end Authentication Implementation
Authentication – Setting up project (React)7:55
Authentication – PrivateRoutes13:01
Authentication – หน้า Register7:45
Authentication – LocalStorage4:19
Authentication – หน้า Login12:46
Authentication – ตั้งค่า Request และ Response ของ Axios12:59
Authentication – การ decode เอาข้อมูลออกมาจาก jwt token4:36
CC #6 | Redux
Redux – เกริ่นนำ34:51
Redux – เชื่อมต่อกับ React27:29
Redux – ตัวอย่างที่ 112:09
Redux – ตัวอย่างที่ 216:31
Redux – ตัวอย่างที่ 311:13
CC #6 | Midterm Exam
Link ข้อสอบกลางภาค
CC #6 | Agile scrum and SDLC + Document
Agile scrum and SDLC + Document Part 115:29
Agile scrum and SDLC + Document Part 27:06
Agile scrum and SDLC + Document Part 37:28
Agile scrum and SDLC + Document Part 422:47
Agile scrum and SDLC + Document Part 513:13
Agile scrum and SDLC + Document Part 610:41
Agile scrum and SDLC + Document Part 73:50
Agile scrum and SDLC + Document Part 812:20
CC #6 | Document
1. intro to document and project charter7:44
2.contextdiagram + usecase diagram3:13
3 use case srs uattitled7:53
4 epilogues1:24
CC#6 | How to write a resume
1 intro resume writing and lab12:31
2 more resume and star method6:51
CC #6 | Linux and Docker
Cloud hosting26:18
Create Instance on Cloud and Connect to Cloud11:07
Linux Command26:24
SCP and Vim15:04
Nodejs mysql Process Manager installation18:09
Docker Introduction31:34
Docker Installation00:00:00
Docker Usage00:00:00
CC #6 | Test Driven Development (TDD)
1.What s Software Testing00:00:00
2.Software Testing Type00:00:00
3.Testing Tools Jest00:00:00
4.Expect Type00:00:00
5.Test Driven Development Definition00:00:00
6.Test Driven Development Demo00:00:00
7.Test Double00:00:00
8.Dummy Object100:00:00
9.Dummy Object200:00:00
10.Refractor Code for easy test00:00:00
11.Test Double Example00:00:00
Share
Course Details
- Level: Intermediate
- Total Lesson: 286
- Total Enrolled: 106
- Last Update: 22 February 2021