KHÓA BOOTCAMP FRONT-END .NET PART-TIME
Front-end là gì?
- Front End (còn được biết đến như client-side) là tất cả những gì liên quan đến điều mà người dùng nhìn thấy mỗi khi truy cập vào một trang web, bao gồm phạm trù thiết kế và các ngôn ngữ như HTML hay CSS.
- Người dùng tương tác trực tiếp với nhiều khía cạnh thuộc front-end như: nhận biết vị trí đặt để của logo, màu sắc chủ đạo, tìm kiếm và đọc thông tin, sử dụng các button và tính năng trên web… Mục đích cuối cùng của Front End là nhằm mang lại một giao diện bắt mắt, giúp người dùng dễ dàng thao tác và sử dụng.
.NET là gì?
- .Net Framework là một khuôn khổ phần mềm chạy chủ yếu trên Microsoft Windows được phát triển bởi Microsoft. Nó có khả năng tương tác ngôn ngữ qua nhiều ngôn ngữ lập trình và bao gồm một thư viện lớp lớn có tên là Framework Class Library – viết tắt là FCL.
- .Net Framework thực thi các chương trình trong môi trường phần mềm có tên là Common Language Runtime – viết tắt là CLR. Đây là một máy ảo ứng dụng cung cấp các dịch vụ như: quản lý bộ nhớ, bảo mật và xử lý các ngoại lệ.
- Như vậy, .NET Framework được tạo ra từ 2 môi trường FCL và CLR.FCL cung cấp giao diện cho người dùng, kết nối cơ sở dữ liệu, truy cập dữ liệu, mật mã, truyền thông tin mạng, các thuật toán số và phát triển ứng dụng web và thiết kế web. Các lập trình viên tạo ra các phần mềm bằng các kết hợp các thư viện và mã nguồn .net. Ngoài ra, Microsoft cũng đã tạo ra một môi trường phát triển tích hợp của .net đó chính là Visual Studio.
MỤC TIÊU KHÓA HỌC FRONT-END:
- Hiểu sâu và sử dụng thành thạo công nghệ cốt lõi để lập trình giao diện cho 1 trang web: HTML5, CSS3, Javascript…
- Nắm vững Bootstrap 4 và ứng dụng vào làm project thực tế.
- Tìm hiểu và làm chủ các Preprocessor của HTML và CSS là: PUG, SASS, SCSS… để viết code hiệu quả, dễ bảo trì.
- Thực hành các hiệu ứng Animation bằng css tăng độ hấp dẫn, tính thẩm mỹ cho trang web.
- Photoshop căn bản phục vụ cho việc cắt file PSD sang HTML.
- DOM và cách tương tác với DOM bằng Query.
- Javascript ES6 tạo tiền đề để học lên các Framework như ReactJS, Angular…
- Tập khả năng làm việc nhóm thông qua các dự án thực tế bằng GIT (GitHub, GitLab,…).
- Chia sẻ kinh nghiệm về UX/UI trong việc thiết kế giao diện một trang web.
- Thực hành cắt các file PSD => HTML với đầy đủ hiệu ứng phức tạp.
MỤC TIÊU KHÓA HỌC .NET:
- Hiểu được giá trị & mục đích khi sử dụng .NET và C#.
- Học được cách cài đặt, sử dụng IDE để lập trình (Sử dụng công cụ Visual Studio).
- Hiểu được ngôn ngữ lập trình (NNLT) là gì & căn bản của NNLT.
- Các từ khóa, cấu trúc, những nền móng ban đầu để xây dựng một ứng dụng đơn giản trên C#5.
- Hiểu về hướng đối tượng & các tính chất hướng đối tượng trong C#.
- Hiểu về cách cài đặt, lập trình trên hệ Cơ Sở Quản Trị Dữ Liệu (Hệ CSQTDL) nói chung, và Sql Service nói riêng.
- Nắm được cách liên kết dữ liệu từ hệ CSQTDL và chương trình thông quan EntityFramework và các thư viện khác.
- Lập trình cơ bản trên ASP Net MVC để xây dựng ứng dụng Web.
- Lập trình JQuery để xây dựng các trang web SPA(Single Page Application).
- Được cung cấp các “Bí Kíp” để trở thành lập trình viên chuyên nghiệp theo cách.
NHỮNG LỢI ÍCH KHI HỌC FRONT-END; .NET:
- Cam kết 100% hỗ trợ viêc làm vào FPT hoặc nhưng công ty khác sau khi học.
- Được đào tạo bài bản từ chưa biết gì đến thành thạo các kỹ năng.
- Nắm rõ quá trình xây dựng hệ thống Web trải qua các quy trình.
- HTML: Cấu trúc trang web theo chuẩn HTML5.
- CSS: Bố cục layout, kiến thức về responsive web design và cách tạo các hiệu ứng đẹp nhờ CSS.
- Javascript, Jquery cơ bản, xử lý sự kiện, tương tác của người dùng.
- Hiểu sâu kiến thức từ HTML, CSS, Javascript, Jquery, Bootstrap đến Responsive Web, Cắt layout từ file Photoshop sang giao diện web Bootstrap.
- Hiểu rõ về ngôn ngữ lập trình Javascript.
- Có được kiến thức lập trình web ASP.NET MVC. Từ đó có tự do xây dựng website theo ý mình theo chuẩn ASP.NET MVC.
- Biết cách triển khai Website của mình lên hosting.
- Nắm được một số thủ thuật thông dụng khi làm web như (Jquery, Ajax, CSS3).
- Hiểu rõ về ngôn ngữ lập trình ASP.NET MVC.
- Biết cách tạo ra phần mềm có thể cài đặt.
- Lắng nghe các kinh nghiệm, chia sẻ nghề nghiệp của những chuyên gia đầy kinh nghiệm.
- Có nhiều dự án thực tế để thêm vào CV.
ĐIỂM NỔI BẬT CỦA KHÓA HỌC
Chất lượng đi đầu,
cam kết đầu ra
Hệ thống
bài giảng online
Chương trình
đạo tạo liên cấp
ĐẶC QUYỀN HỌC VIÊN
Học qua dự án thực tế. Không chấp nhận lý thuyết suông. Học xong cam kết làm được việc.
Được học với những Mentor tốt nhất. Có trình độ, tâm huyết và đặc biệt yêu thích giảng dạy.
Được đào tạo coder với định hướng nâng cấp lên software engineer.
Được chọn giờ học, ngày học tùy theo giờ giấc của mình. Nếu bạn ốm, có việc bận – buổi học sẽ chuyển sang hôm khác.
Bài giảng sinh động, dễ hiểu, áp dụng vào thực hành. Thực hành 80% thời lượng học.
Học hoàn toàn online. Bạn không còn nỗi lo kẹt xe, mưa gió, bụi bặm.
Hưởng học phí rẻ hơn so với các trung tâm khác, đặc biệt có ưu đãi học phí khi nhóm học cùng đăng ký.
Hỗ trợ học lại miễn phí nếu học viên không đạt yêu cầu sau khóa học.
Nơi duy nhất cam kết trả lại học phí những buổi chưa học nếu không hài lòng.
Học viên hoàn thành
Yêu cầu điểm từ khá trở lên.
Bảo vệ thành công đồ án môn học chuyên đề (tương đương đồ án tốt nghiệp ở bậc đại học) thành công trước hội đồng giám khảo.
Phương pháp đào tạo
Giảng viên thiết kế, lập trình bài tập – dự án tình huống.
Cung cấp tối đa sách, giáo trình quốc tế cho học viên.
Sinh viên chủ động học và thi Quiz. Giúp sinh viên có kỹ năng thi chứng chỉ.
ĐỐI TƯỢNG HỌC VIÊN
- Yêu thích lập trình, không giới hạn độ tuổi.
- Muốn kiếm tiền từ việc viết ứng dụng cho thiết bị di động.
- Muốn làm việc ở vị trí lập trình viên Web.
- Những bạn học sinh THPT hoặc đã tốt nghiệp THPT.
- Những bạn sinh viên Đại Học.
- Người đang đi làm muốn chuyển ngành sang CNTT.
KẾT QUẢ ĐẠT ĐƯỢC
- Nắm được kiến thức Bootcamp FE chi tiết và bài bản.
- Là nền tảng cho các ngôn ngữ lập trình khác sau này.
- Nâng cao, mở rộng kiến thức và ứng dụng cho các bạn yêu thích bộ môn này.
- Giúp học viên rèn luyện tư duy.
- Tạo ra các ứng dụng có tốc độ xử lý nhanh.
- Áp dụng kiến thức Front End cho những sản phẩm startup, yêu cầu thay đổi, mở rộng nhanh, có lượng truy cập lớn.
- Xin việc ở các công ty về lập trình.
Đối tượng
Các bé từ 6 – 15 tuổi
Thời gian học
1 tiếng/buổi
Số buổi học
45
Số học viên
8 – 10 bạn
Học phí
5.900.000đ
Đăng ký học trải nghiệm
miễn phí tại đây
LỘ TRÌNH FRONT-END:
- Editors (Trình soạn thảo)
- HTML cơ bản
- Phần tử trong HTML (Elements) và thuộc tính HTML (Attributes)
- Thẻ Headings và thẻ Paragraphs
- HTML Style Attributes
- Định dạng văn bản
- Mở/đóng một đoạn comment trong HTML
- Các định dạng màu sắc (Color)
- Style-CSS
- HTML Links, thẻ hình ảnh
- Tạo bảng trong HTML
- Cách thẻ danh sách (ul, ol, li,..)
- Thẻ div
- Đặt class, id cho thẻ trong HTML
- Iframes trong HTML
- Bố cục của một website
- Responsive
- Charset, XHTML
HTML Forms:
- Forms trong HTML
- Form Elements
- Input Types
- Input Attributes
- Input Form Attributes
HTML Media:
- Media, Video, Audio
- Plug-ins, Youtube
- Giới thiệu, cú pháp trong CSS
- Selectors
- Cách thêm CSS vào HTML, comments trong CSS
- Màu sắc trong CSS, backgrounds, borders
- Margin, paddings
- Height/Width
- Box Model
- Outline
- Text, Fonts, Links
- Lists, Tables
- Display
- Max-width
- Position
- Overflow
- Float
- Inline-block
- Align
- Combinators
- Pseudo-class
- Pseudo-element
- Opacity
- Navigation Bar
- Dropdowns
- Image Gallery, Image Sprites
- Attr Selectors
- Forms
- Counters
- Website Layout
- Units, Specificity
CSS nâng cao
- Rounded Corners
- Border Images, Backgrounds
- Gradients, Shadows, Text Effects, Web Fonts
- 2D Transforms, 3D Transforms
- Transitions, Animations
- Tooltips
- Style Images
- Object-fit
- Buttons
- Pagination
- Multiple Columns
- User Interface
- Variables, Box Sizing
- Flexbox
- Media Queries
- CSS Responsive
- Viewport
- Grid View
- Frameworks, Templates
CSS Grid
- Giới thiệu
- Container
- Item
- Giới thiệu
- Cách cài đặt
- Container
- Grid cơ bản
- Typography
- Colors
- Tables
- Images
- Jumbotron
- Alerts, Buttons, Button Groups, Badges
- Progress Bars
- Spinners
- Pagination
- List Groups
- Cards
- Dropdowns
- Collapse
- Navs, Navbar
- Forms, Inputs, Input Groups
- Custom Forms
- Carousel, Modal, Tooltip, Popover, Toast, Scrollspy, Utilities
- Flex
- Icons
- Media Objects
- Filters
Bootstrap Grid
- Grid System
- Stacked/Horizontal
- Grid Small, Grid Medium, Grid Large & Grid Examples
- Giới thiệu
- Các cách thêm vào HTML, Output
- Câu lệnh, Cú pháp, Comments
- Biến
- Toán tử, Số học, Toán tử biến thể
- Kiểu dữ liệu
- Functions
- Object, Mảng (Array)
- Events
- Array Methods
- Dates, Date Formats
- Math, Random & Switch
- Loop While, Break
- Type Conversion
- Bitwise, Scope
- Hoisting
- Let, Const
- Arrow Function
- ES6
- JSON
Javascript Forms
- Forms
- Forms API
Javascript Functions
- Định nghĩa
- Thông số
- Gọi hàm
Javascript HTML DOM
- Giới thiệu
- Methods
- Document
- Phần tử
- DOM HTML
- DOM CSS
- Animations
- Event Listener
- Navigation
- Nodes
- Collections
- Giới thiệu
- Để sử dụng
- Cú pháp
- Selector
- Events
jQuery Effects
- Hide/Show
- Fade
- Slide
- Animate
- jQuery stop()
- Callback
- Nối chuỗi
jQuery HTML
- Nhận nội dung và Attribute trong HTML
- Đặt nội dung và Attribute trong HTML
- Thêm Element
- Xoá Element
- CSS Classes
- jQuery css()
- Kích thước
jQuery Traversing
- Traversing là gì?
- Descendant là gì?
- Siblings
- Filtering
jQuery AJAX
- Giới thiệu
- Load
- Get/Post
LỘ TRÌNH .NET:
- Tổng quan về .Net Framework 4.0
- Tổng quan về ngôn ngữ lập trình C#
- Nhập xuất trong C#
- Các câu lệnh điều kiện, câu lệnh lặp
- Xây dựng lớp và các thành phần của lớp
- Kế thừa và đa hình, lớp trừu tượng, giao diện
- Mảng
- Generic và Collection
- Làm việc với LINQ
- Giới thiệu về SQL Server 2012
- Tạo cơ sở dữ liệu và các bảng, ràng buộc
- Thao tác với dữ liệu
- Tạo và sử dụng views
- Tạo và sử dụng thủ tục
- Tạo và sử dụng Trigger
- Giới thiệu về HTML 5
- Các thẻ trong HTML 5
- Sử dụng CSS3
- Tìm hiểu về JavaScript
- Tìm hiểu về JQuery
- Đưa bootstrap vào trang web
- Bố cục trang chủ và trang quản trị
- Giới thiệu về HTML 5
- Các thẻ trong HTML 5
- Sử dụng CSS3
- Tìm hiểu về JavaScript
- Giới thiệu về ASP.NET MVC5
- Tìm hiểu về Controller
- Tìm hiểu về Views
- Tìm hiểu về Models
- Kiểm tra dữ liệu hợp lệ
- Truy cập dữ liệu sử dụng Entity Framework, LINQ
- Tạo bố cục trang
- Sử dụng JavaScript, JQuery,Ajax
- Session, cookie, cache và tối ưu hóa
- Chứng thực người dùng và phân quyền
- Bảo mật
- Đa ngôn ngữ
- Xuất bản website lên host