Syllabus
Full Stack Web Development Fundamental
Course Scheme
Course Duration Learning Method Pre-Requisites
18 Hours Offline/Online/Blended Computer Literacy
(3 Session x 6 hours) Logic and Algorithm
Basic Programming
Course Information
Description
Pengembangan web atau web development adalah sebuah proses untuk pemeliharaan sekaligus
pembangunan sebuah situs Web. Dalam hal ini, web development adalah untuk menciptakan situs
yang menarik, kinerjanya cepat dengan sesuai kebutuhan pelanggan.
Full-stack adalah bagian yang mengurusi kedua sisi klien dari front-end ke back-end dan kode
software yang menghubungkan kedua nya. Maka dari itu, seorang full-stack developer tugasnya
lebih rumit, dan harus memiliki pemahaman yang lebih mendalam tentang programming.
Learning Objectives
Tujuan Pelatihan ini adalah diharapkan para Peserta Pelatihan dapat mengerti cara pembuatan
website dari sisi Front-end maupun Back-end serta mampu mengelola dengan baik website yang
telah dibuat agar dapat menciptakan situs yang menarik dan juga informatif baik dari sisi tampilan
ataupun content.
Course Materials
Introduction to Full Stack Web Development
• Web Development
• Front-end
• Back-end
HTML, CSS, Javascript
• HTML Template, Heading and Paragraph, Text Formatting
• Layouting Using Table, Form, Iframe, Div & Span
• Semantic and Non-Semantic HTML
• Introduction to CSS, Font & Text Styling, Background
• Box Model, CSS Selector, CSS Combinator I
• Fill Project HTML, Add Styling
• Keyframe and Animation, Media Query
• Finishing Up Project
• Introduction Java Script
• Data Type, Arithmetic Operator
• Conditional Statement, Comparison Operator
• Logical Operator, Function, DOM, To do List
BINUS CENTER Page 1 of 2
jQuery
• DOM Selection, DOM Manipulation, DOM Event
• Effect and Animation
Bootstrap 4.0
• Introduction to Bootstrap
• Spacing & Sizing, Background, Border, and Color
• Display & Position, Gridding System
• Bootstrap Components Modification
AngularJS (add on)
• Angular JS Basics,Angular Expressions
• All about Angular Expressions, Using Angular JS built-in directives
• Controllers & Modules
• Angular JS Modules, Angular JS Forms
• Scope, Dependency Injection & Services
• Single Page Application (SPA), Angular JS Animation
• Animate Module, CSS Transforms
• CSS Transitions, Applying Animations
Back End web development
• Php Native
• MySQLDB
• Framework PHP (CodeIgniter)
Tips and Trick
Post web in Sosial Media
Score Component
Score Component
10% Absences
40% Mini Project (Study Case)
50% Project Portfolio / Final Exam
Additional Information
Grading & Exam Policy
Completed all course sessions and projects
Hardware Requirement
Notebook / Laptop Core i5 or above
RAM Min. 6 GB
Software References
o PHP and MySQl (open Source)
o HTML, CSS, Javascript
o JQUERY
o Bootstrap 4.0
o AngularJS (add on)
o MySQLDB
BINUS CENTER Page 2 of 2