KHÓA HỌC LẬP TRÌNH FRONT-END

Khoá học Front End - Thiết kế website

Khóa học lập trình front-end mang đến cho bạn toàn bộ kiến thức nền tảng của lập trình Website. Ngoài ra, kiến thức lập trình frontend cũng giúp cho các bạn lập trình viên mobile xây dựng các giao diện App theo ý muốn

Mục tiêu của khóa học:

Đủ khả năng tự thiết kế giao diện trang web hoàn chỉnh.
Sử dụng thành thạo các công nghệ thiết kế giao diện web: HTML 5, CSS3, các CSS Framework
Có khả năng tìm hiểu các thư viện JavaScript mới nhất hiện nay.
Tự cắt hoàn chỉnh giao diện web từ file PSD sang HTML + đầy đủ hiệu ứng phức tạp
Đủ khả năng ứng tuyển nghề: Lập trình Front-End tại các công ty.
Tự nhận các dự án freelancer riêng mình.
Đủ khả năng xây dựng các sản phẩm để bán trên các kênh như ThemeForest.
Điểm cộng cực lớn cho các bạn khi xin việc làm lập trình web bất kì ngôn ngữ nào (PHP, .NET, Java, Nodejs)

Đối tượng tham gia khóa học

Mọi đối tượng

Tại sao nên học Frontend chắc

Bất kỳ bạn học framework hay thư viện nào để phát triển web, bạn cần phải biết những điều cơ bản. Những điều cơ bản này chính là HTML, CSS và JavaScript đây là bộ ba quan trọng nhất để phát triển web. Nếu bạn muốn theo hướng Web Deverloper thì chắc chắn không thể bỏ qua module Frontend cơ bản này.

Đăng ký học (đã có 8002 học viên đăng ký)

Duy nhất tại DevPro Việt Nam, bạn được bảo hành trọn đời cho khóa học. DevPro Việt Nam cam kết hỗ trợ 100% học viên tới khi bạn làm được sản phẩm, giới thiệu bạn tới nhiều công ty để bắt đầu sự nghiệp lập trình viên PHP của chính mình.

HỌC LÀ CÓ VIỆC - CAM KẾT 100%

Time Line Chương Trình:

Keyword đào tạo: HTML, CSS, AJAX, JQUERY, JS, BOOTSTRAP, RESPONSIVE.

Thời lượng: 10 buổi Tần suất : 2 buổi/tuần

Đầu ra: Hoàn thành giao diện web UI/UX cơ bản gồm 6 trang: Home, Danh Mục, Sản Phẩm, Chi Tiết, Đăng Nhập, Đăng Ký và trang giao diện admin bằng Bootstrap4.

Nắm chắc kiến thức Frontend cơ bản làm nền cho các khoá backend và framework như: PHP, Dotnet, Java, ReatJS, Angular JS, Vue JS, Wordpress.

Nội dung bài học
Giảng viên

Bài 1: HTML cơ bản Phần mềm phục vụ môn học Các Addon phục vụ môn học Ngôn ngữ HTML HTML - Định nghĩa HTML - Elements và Attributes HTML - Định dạng văn bản HTML - Heading và List HTML – Table HTML - Tạo link HTML - Tạo ảnh HTML - Tích hợp CSS HTML – Form	Bài 2: CSS cơ bản Cú pháp CSS - các cách viết CSS selector là gì? Tìm hiểu CSS Selector căn bản thiết lập màu nền với CSS background Các thuộc tính CSS định dạng text Các thuộc tính CSS định dạng thẻ a (links) Thuộc tính display trong CSS (inline - block -none) Thuộc tính float ( left - right - none) trong CSS Thuộc tính margin - padding và Box Model trong CSS Position relative - absolute trong CSS Position Fixed trong CSS Thuộc tính z-index trong CSS After và Before trong CSS Kỹ thuật ClearFix trong CSS	Bài 3: CSS2 và CSS3 Học CSS3 - border-radius - bo góc Học CSS3 - border-image - tạo đường viền bằng hình Học CSS3 - Các thuộc tính Backgrounds Học CSS3 - Định dạng màu sắc Học CSS3 - Gradient Background Học CSS3 - Text Shadow - Box Shadow Học CSS3 - Xử lý Text Học CSS3 - Sử dụng @fonf-face Học CSS3 - 2D Transforms
Bài 4: Photoshop cơ bản, cắt ghép layout Giới thiệu photoshop Các công cụ cơ bản trong photoshop Sử dụng công cụ crop để cắt các thành phần của file psd thành file ảnh Sử dụng file ảnh đã cắt được để load đường dẫn vào file html, css	Bài 5: Photoshop cơ bản, cắt ghép layout Xây dụng cấu trúc Layout chung Xây dựng cấu trúc Header Xây dựng cấu trúc Menu Xây dựng bố cục menu ngang Xây dựng cấu trúc Left Category Sản phẩm nổi bật Search box Thống kê truy cập	Bài 6: Javascript cơ bản Xây dụng cấu trúc Main Box Slide Sản phẩm mới Tin tức mới Xây dựng cấu trúc Right Tin nổi bật Hỗ trợ trực tuyến Quảng cáo Check mail Xây dựng cấu trúc Footer
Bài 7: Javascript Giới thiệu về Javascript Nhập môn Javascript Hằng, biến và các kiểu dữ liệu trong Javascript Toán tử và biểu thức Biểu thức điều kiện Vòng lặp Hàm trong Javascript Thực hành	Bài 8: Javascript (tiếp) Làm việc với dữ liệu kiểu mảng trong Javascript Sự kiện trong Javascript Làm việc với đối tượng Form Đối tượng trong Javascript Javascript DOM Thực hành	Bài 9: JQUERY Giới thiệu về JQuery JQuery Basic JQuery Effects JQuery HTML JQuery Traversing JQuery AJax JQuery Plugin Thực hành
Bài 10: Responsive Responsive Web Design là gì? Các vị trí xây dựng Responsive thông dụng Responsive menu Responsive Column Responsive font size Responsive image Sử dụng gì để tạo Responsive cho Website? Sử dụng @media của CSS3 Sử dụng Javascript Thực hành	Bài 11: Bootstrap Tổng quan về twitter bootstrap Download Bootstrap và nhúng Bootstrap vào website Grid System trong bootstrap Tìm hiểu cách sử dụng các thành phần trong bootstrap: Table, Breadcrumbs & Images, Pagination, card & Labels Typography, form, button, List group, Button group, Glyphicons, Navs menu, Navigation, Dropdown menu, Tabs, Helper classes, Jumbotron, well, progress …	Bài 12: Hoàn thành giao diện được giao
HỌC PHÍ: . Đang có ƯU ĐÃI* khi đăng ký chờ, đăng ký học theo nhóm* Liên hệ để biết thêm chi tiết	ĐĂNG KÝ: .	TẢI TÀI LIỆU: .

Techlead - PM Đỗ Văn Tư
Giảng viên (Web)
Kinh nghiệm: Techlead Công ty giải pháp phần mềm Watemelone. Ngôn ngữ lập trình: C/C++, Java, ReactJS, PHP, Python...

Đánh giá của học viên đã tốt nghiệp

Các anh chị nhiệt tình, thân thiện. Em được mở mang nhiều kiến thức
Nguyễn Hằng ly
Các chị dạy rất dễ hiểu và nhiệt tình. Các kiến thức như trong thực tế khi em đi thực tập tại RikkeiSoft. Cám ơn các anh chị nhiều ạ. Chúc Dev có nhiều học viên hơn nữa.
Vũ Thị Hà Phương
Học ở DevPro đã giúp mình có nhiều kinh nghiệm lập trình android thực tế. Tại đây mình được các thầy dạy rất chi tiết theo một lộ trình rõ ràng của dự án cụ thể nên sau này đi làm mình rất dễ bắt nhịp với công việc.
Nguyễn Trọng Duy
Qua khoá học ở DevPro thì em đã có một “ít” vốn trong tay để có thể "bò" trong lĩnh vực vạn người mê này Trong qúa trình học thì em cảm thấy trung tâm suppost rất nhiệt tình từ đồ ăn tối, event và đầu ra :p. Có chị Quyên "sinh gái" siêu nhây và siêu lầy dụ dỗ bán rẻ học viên cho các nhà tuyển dụng :3 **** Đặc biệt các thầy có rất nhiều kinh nghiệm chỉ dạy và giúp đỡ rất nhiệt tính < mấy tháng liền bám càng đi nhờ thấy :p>
PhạmTiến Đạt
Tôi sẽ không khuyên các bạn phải đến DevPro để học tập thay vì những chỗ khác nhưng tôi đã từng là một người giống các bạn. Tôi băn khoăn không biết chọn nơi đâu làm ngọn đèn chỉ lối và tôi đến với Devpro . Mọi người khá hoà đồng , các thầy cũng cực nhiệt tình nhưng cũng có vốn kiến thức rất rộng còn lại là phụ thuộc vào sự nỗ lực của các bạn nữa thôi. Cố lên nhé. #ATran
Trần Xuân Ái
em thấy mọi thứ đều ổn, thầy giáo nhiệt tình trong cách giảng dậy, dev cũng rất quan tâm học viên . Nhưng theo quan điểm của em và nhìn từ sự phát triển của các trung tâm khác , em nghĩ mỗi khóa học ở dev nên có bài tập cũng như dự án giao cho học sinh làm để tạo áp lực cho học viên code, giữa học viên và công ty cần có những buổi giao lưu nhiều hơn, và cũng nên có 1 số bạn trợ giảng giúp thầy đi fix những lỗi cơ bản cho những bạn hay sai , chứ nhiều khi 1 mình thầy mà phải chạy đến từng bàn fix lỗi cũng k xuể , Xin chúc devpro ngày càng phát triển hơn
Nguyễn Đình Thành
Thầy giáo dạy rất nhiệt tình rất dễ hiểu, các chị quản lý vui vẻ, tạo động lực học viên. Bài giảng phong phú bao gồm nhiều kiến thức nền tảng. .., giúp học viên nắm chắc kiến thức. Có điều lớp toàn nam, ko có nữ ạ
Vũ Văn Thủy
-Thầy giáo rất nhiệt tình trong công tác giảng dạy , cũng như vui tính , thầy luôn giúp đỡ bọn e rất nhiệt tình ! Tuy chỉ học với lớp 1 thời gian không quá dài nhưng e cũng cảm thấy tuyệt vời vì đã từng là học trò của thầy ! - Chị Hằng và Chị Quyên rất vui tính và nhiệt tình giúp đỡ bọn e nữa ạ - e chúc trung tâm ngày càng đông học viên hơn nữa
Phan Trung Phú
DevPro là một môi trường tốt để cho những ai chưa biết gì về lập trình theo học. Bên cạnh đó, đội ngũ giảng viên rất chất lượng, nhiệt tình chỉ bảo cả trên lớp lẫn ở nhà. Ngoài ra tôi rất thích chính sách giới thiệu việc làm cho học viên sau khi tốt nghiệp để có thể tiếp với các doanh nghiệp uy tín. Sau hơn 4 tháng học tập tại công ty, tôi đã hoàn toàn tự tin rằng mình có thể tự học hỏi và bắt đầu làm việc ở một công ty mới với vai trò Web Developer. Cảm ơn DevPro vì tất cả!!
Nguyễn Đức Huy
Học một lúc 2 trường, nhưng mình vấn chưa biết tìm đam mê từ đâu. Từ lúc gặp chị Hằng mình đã quyết chọn theo android, và bây giờ mình chưa bao giờ thấy hạnh phúc đến thế. Mình có công việc ổn định, chuẩn bị onsite ở nhật 1 năm hi hi.
Trần An Hưng
1.Thầy đẹp trai thì không phải bàn rồi!! Lại được cái nhiệt tình!! ok. 2. Công ty có nhiệt tình hỗ trợ không? Công ty có nhiệt tình hỗ trợ sinh viên, vd:tiền học phí được chia làm 3 đợt giúp đỡ những sv khó khăn,.....
Trương Quang Trường
Em thấy trung tâm dạy tốt và chất lượng ạ. Thầy và các chị đều tận tâm, nhiệt tình và hòa đồng. Đặc biệt là giải lao giữa giờ chúng em còn được ăn nhẹ, e rất thích khoản này.
Trần Thị Hồng Nhung
Tại DevPro mình còn được học code trên tool mới nhất của Android, điều đó càng khiến mình thích thú hơn và trở nên say mê từ lúc nào không biết nữa. Không khí học ở đây rất vui vẻ, ngoài giờ học mình cùng các bạn còn được giải lao ăn nhẹ và trò chuyện cùng nhau nên rất thoải mãi.
Trương Ngọc Đức
Dev chính là nơi giúp mình tìm thấy niềm yêu thích code, cũng chính là nơi đã cho mình những bước đi đầu tiên, cho mình những kiến thức nền tảng tốt nhất trên con đường theo đuổi nghề Dev.
Nguyễn Thanh Hằng
Thầy giáo vui tính, nhiệt tình trả lời và giúp đỡ các bạn khi các bạn có thắc mắc hay khi gặp khó khăn. Các anh chị vui tính, thân thiện tạo cảm giác thoải mái và vui vẻ cho các bạn khi học ở đây.
Cao Minh Lâm
Nghĩ lại hồi đấy, không có Devpro thì chắc giờ em phát rồ mất thôi! Em vốn nghĩ mình có thể tự học được, nhưng kiến thức vốn là vô tận, không có người hướng dẫn thì mình sẽ chẳng biết bắt đầu dư lào, bước tiếp là gì? Nhờ DevPro, sự tận tâm của các thầy mà em mới biết à hóa ra mọi thứ thật đơn giản.
Kim Erico
Hồi học ở DevPro, mình rất quý thầy Việt và những người bạn. Từ kiến thức học được từ trung tâm mình đã mạnh dạn đi thực tập ở một công ty lớn của Nhật Bản và đến giờ đã là nhân viên chính thức ở đây rồi. Vui hơn nữa là có bạn học cùng lớp đó giờ đang là đồng nghiệp cùng mình luôn rồi. Hihi
Nguyễn Thanh Việt