(Mã tuyển dụng_1222.10)

Bạn theo học ngành CNTT tại Cao đẳng FPT M?ng c�� c??c b��ng ?�� và đang tìm kiếm việc làm? Hãy ứng tuyển v�?trí thực tập sinh lập trình Front – End nhé!

1. Thời gian làm việc

• Fulltime t�?2.5 đến 3 tháng
• Thời gian làm việc: Sáng: 09h đến 12h00, Chiều: 13h30 đến 18h00. T�?th�?2 đến trưa th�?7.

2. Mô t�?công việc (trao đổi thêm khi trực tiếp phỏng vấn)

• Thực tập lập trình Front – End (Hình thức đào tạo Online)

3. Yêu cầu

• Sinh viên đang học năm cuối hoặc đã tốt nghiệp các ngành Công ngh�?thông tin, Khoa học máy tính hoặc các chuyên ngành có liên quan
• Nắm vững kiến thức ReactJS, ưu tiên sinh viên đã làm các đ�?án / bài tập v�?ReactJS (Tối thiểu 2 tháng kinh nghiệm)
• Có kiến thức cơ bản v�?Bootstrap/HTML5/CSS/JS
• S�?dụng được Photoshop đ�?cắt layout
• Có kh�?năng t�?nghiên cứu tài liệu
• Có kiến thức responsive

4. Quyền lợi

• Được trang b�?đầy đ�?kiến thức, kinh nghiệm v�?k�?năng chuyên môn, thái đ�?làm việc chuyên nghiệp cũng như những k�?năng mềm đ�?làm hành trang khi tốt nghiệp ra trường tìm việc làm
• Được trải nghiệm môi trường học tập, làm việc chuyên nghiệp, thực t�?/li>
• Có cơ hội tham gia trực tiếp vào các d�?án công ty
• Có cơ hội tham gia phỏng vấn vào v�?trí Fresher của công ty với mới lương

5. H�?sơ

Cách 1: Đăng ký trực tiếp: Tại đây

Cách 2:

• Nộp CV và bảng scan CMND bằng link drive đính kèm theo email (m�?quyền truy cập cho mọi người)
• Gửi link drive CV v�?địa ch�?Email[email protected] và CC v�?mail [email protected]
• Cú pháp: Mã Tin Tuyển Dụng_Tên Doanh Nghiệp_H�?Tên_MSSV_V�?Trí -Ứng Tuyển (Thưc tập/Nhân viên Full time)
• Bắt buộc phải thực hiện đúng các bước trên đ�?được h�?sơ ứng tuyển t�?phía nhà trường và doanh nghiệp
• Cán b�?ph�?trách: Ms Xuyên

6. Thông tin doanh nghiệp

• Tên doanh nghiệp: Công ty TNHH MTV phát triển phần mềm Âu Lạc
• Địa điểm: 86/33 Âu Cơ, Phường 9, Quận Tân Bình, TP HCM
• S�?điện thoại: (028) 2240 9960 (Ms. Vân Anh)

The post Thông báo tuyển dụng thực tập lập trình Front – End (Mã tuyển dụng_1222.10) appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.

(ANGULAR/REACTJS/VUEJS)

(Mã tuyển dụng TD1713)

Bạn theo học ngành CNTT tại Cao đẳng FPT M?ng c�� c??c b��ng ?�� và đang tìm kiếm việc làm? Hãy ứng tuyển ngay v�?trí Fresher front-end (angular/reactjs/vuejs) trước ngày 26/11/2022 nhé!

1. S�?lượng: 03 Fulltime
2. Yêu cầu:

• Sinh viên năm cuối hoặc đã tốt nghiệp trong chuyên ngành Công ngh�?thông tin hoặc tương đương
• Có kh�?năng t�?học và làm việc nhóm
• Có th�?tham d�?đào tạo full-time
• Tiếng Anh tốt hoặc có kết qu�?học tập tốt/ thành tích tốt s�?có lợi th�?đặc biệt
• Cam kết làm việc một năm sau khi tốt nghiệp được chương trình đào tạo

4. Quyền lợi:

• Cơ hội đào tạo chuyên sâu 3 tháng v�?một trong các framework lớn như Angular, ReactJS, VueJS. Được tìm hiểu v�?Headless eCommerce, PWA
• Được làm việc với RESTfull API, GraphQL API
• Được tham gia vào các d�?án lớn v�?thương mại điện t�? khách hàng quốc t�?
• Được làm trong môi trường văn hóa chuyên nghiệp, tr�?trung và năng động
• Trải nghiệm công ngh�?mới nhất v�?thương mại điện t�?/li>
• Tr�?cấp 1,5-6 triệu/tháng tùy thuộc vào kết qu�?học tập
• Cơ hội lên chính thức sau thực tập

5. H�?sơ:

• CV ứng tuyển gửi v�?địa ch�?email: [email protected] (CV có ảnh)
• Email ghi rõ tiêu đ�? CV ứng tuyển v�?trí … + mã tuyển dụng
• Thông tin h�?tên, mã SV, SĐT, Email, Chuyên ngành, Đợt tốt nghiệp/Học k�?hiện tại
• Hạn nộp h�?sơ: 26/11/2022
• Mọi thắc mắc vui lòng gửi email: [email protected] hoặc điện thoại: 024 6260 4713

6. Thông tin Doanh nghiệp:

• Tên công ty: Công ty CP SmartOSC
• Địa ch�? Handico Tower, Phạm Hùng, M�?Trì, Nam T�?Liêm, Hà Nội

The post Thông báo tuyển dụng v�?trí Fresher front-end (angular/reactjs/vuejs) (Mã tuyển dụng 1713) appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.

Front – end developer là gì?

Front – end dev là người sẽ xử lý những phần tương tác với người dùng một cách trực tiếp. Vì vậy  công việc và kỹ năng cần thiết của một k�?sư công nghệ�?sẽ tương đương và cần tăng theo những thứ mà người dùng có thể nhận được.

Ví dụ:

• Ở giao diện đăng nhập tài khoản, người dùng cần 2 ô input và 1 nút submit, khi đó front – end dev sẽ chỉ cần kỹ năng cơ bản HTML.
• Tuy nhiên, khi giao diện đó được đặt trong giao diện tổng của trang web, với header, navigation, footer,… thì việc phải nắm được cả CSS là điều đương nhiên.
• Và khi bạn đăng nhập xong, việc trình duyệt không cần load lại mà người dùng đã có thể đăng nhập thành công và truy cập vào nội dung bên trong thì khi đó việc xử lý bất đồng bộ bằng Javascript của bạn là thứ không thể thiếu.

Comment từ khi viết HTML

<!– BEGIN div-header –>
<div id=”header”>
<p>Viblo</p>
</div>
<!– END div-header –>

<!– BEGIN div-body –>
<div id=”body”>
…
</div>
<!– END div-body –>

<!– BEGIN div-footer –>
<div id=”footer”>
<p>Footer</p>
</div>
<!– END div-footer –>

Không phải nói nhiều về tác dụng của của viết comment trong code. Khi viết code dài, việc phải đóng bớt các tag lớn là chuyện bình thường, tuy nhiên khi có comment thì mọi thứ trở nên dễ dàng hơn nhiều đúng không?

Bootstrap hay không Bootstrap?

Bootstrap là một frame – work nổi tiếng nhất về responsive. Độ thuận tiện khi dùng nó là điều đã được chứng minh ở mọi ngóc ngách trên thế giới, miễn nơi đó có dev đang hoạt động. Tuy nhiên, có bao giờ bạn gặp phải tình cảnh nếu dự án không dùng Bootstrap nữa thì không biết sẽ viết CSS như thế nào chưa? Việc học thành thạo Bootstrap là rất tốt, tuy nhiên hãy cố gắng làm chủ kỹ năng CSS của mình ngay từ đầu. Đừng chỉ vào Bootstrap xem cách họ đặt tên cho class mà hãy F12 lên rồi xem họ đã làm nó như thế nào nhé!

<div class=”alert alert-primary” role=”alert”>
This is a primary alert—check it out!
</div>

Khi bạn hoàn thiện tốt được 3 dòng trên đây, bạn s�?tr�?nên thuần thực hơn trong việc thực hành v�?các thuật toán – tin rồi!

.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}

.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}

Một điều nữa, Bootstrap khá nặng, và khi làm xong thì trang của bạn chả khác gì trang của người khác. Đừng quá bất ng�?v�?điều này. Lời khuyên đưa ra là hãy sử dụng Bootstrap một cách đúng đắn nhất nhé, đừng để như hình ở trên không thì bạn đã làm hỏng c�?một chương trình chạy h�?thống rồi!

Semantic Markup

Khi Bootstrap không còn ở trong túi bạn, thì việc làm quen với Semantic Markup sẽ giúp con đường Frontend bớt chông gai hơn.

<!– HTML –>
<!– Bad Semantics –>
<div class=”article”>
<div class=”article_title”>Title</div>
<div class=”the_content”>Content
<div class=”darkbold”>text</div>
Content
</div>
</div>

<!– Good Semantics –>
<article>
<h1>Title</h1>
<p>Content
<b>Text</b>
Content
</p>
</article>

Hãy thử tìm hiểu BEM là gì và thử thay đổi cách đặt tên lớp học  của mình theo quy tắc để xem nó có xứng đáng được bạn mang theo bên mình không nhé:

<!– HTML –>
<a class=”btn btn–big btn–orange”>
<span class=”btn__price”>$9.99</span>
<span class=”btn__text”>Subscribe</span>
</a>
<!– CSS –>
/* Một Block (khối) độc lập */
.btn {}

/* Element (phần t�? con, ph�?thuộc vào Block �?trên */
.btn__price {}

/* Modifier (b�?điều chỉnh) thay đổi trạng thái của Block */
.btn–orange {}
.btn–big {}

Tối ưu việc viết code HTML và CSS bằng cách sử dụng tag HTML hợp lý và đặt tên lớp CSS có ý nghĩa là thói quen tốt và không khó để làm quen và học nó nên hãy cố gắng sử dụng từ sớm nhé.

Javascript HTML DOM

Việc học Javascript là điều bắt buộc với một Front- end dev, để master nó và phát triển khi sử dụng với các Framework thực sự là khó. Tuy nhiên hãy cố gắng đi từ căn bản nhất, đừng vội vàng quá với JQuery hay những Framework khác. Và quan trọng đó là hãy hiểu thật kỹ DOM, mọi thứ đi thật xa rồi cũng sẽ trở về DOM.

• DOM document: có nhiệm v�?lưu tr�?toàn b�?các thành phần trong tài liệu của website
•  DOM element: có nhiệm v�?truy xuất tới th�?HTML nào đó thông qua các thuộc tính như tên class, id, name của th�?HTML
•  DOM HTML: có nhiệm v�?thay đổi giá tr�?nội dung và giá tr�?thuộc tính của các th�?HTML
•  DOM CSS: có nhiệm v�?thay đổi các định dạng CSS của th�?HTML
•  DOM Event: có nhiệm v�?gán các s�?kiện như onclick(), onload() vào các th�?HTML
•  DOM Listener: có nhiệm v�?lắng nghe các s�?kiện tác động lên th�?HTML đó
•  DOM Navigation: dùng đ�?quản lý, thao tác với các th�?HTML, th�?hiện mối quan h�?cha – con của các th�?HTML
•   DOM Node, Nodelist: có nhiệm v�?thao tác với HTML thông qua đối tượng (Object)

Tìm hiểu sự khác nhau giữa các trình duyệt

Hãy thử code của mình trên các trình duyệt khác nhau, vì không phải người dùng nào cũng có Chrome hay Firefox để vừa làm vừa test như dev đúng không. Một vài thuộc tính CSS như transition cần vendor prefixes đ�?làm việc trên nhiều trình duyệt.

Extensions

Một số extensions nên s�?dụng ở trình duyệt Chrome như:

• Wappalyzer

Ghé xem 1 trang web đẹp, có animation mượt mà, người làm Front end rất tò mò liệu rằng trang web này đang s�?dụng những công ngh�?nào đ�?làm được như vậy. Thì Wappalyzer đây chính là công c�?cho phép chúng ta biết được các công ngh�?được s�?dụng trong 1 trang web.

• Fontface Ninja

Fontface Ninja là extension cho phép chúng ta biết loại font được s�?dụng �?bất k�?1 trang web nào đó. Công c�?hiển th�?được name, size, line spacing và letter spacing của font.

• Page Ruler

Đây là công c�?mang lại s�?chuẩn xác v�?khoảng cách và kích thước của thành phần giữa bản thiết k�?với HTML.

• Postman

Trong quá trình làm Frontend dev, chúng ta thường phải query API, thì Postman chính là công c�?tiện lợi giúp chúng ta request đến API.

• Full Page Screen Capture

Full Page Screen Capture cho phép chụp trang hiện tại t�?đầu đến cuối trang, rất hữu dụng thi cần chụp toàn b�?trang đã làm HTML so sánh với bản design xem có chuẩn chưa.

Với những kiến thức trên, nhiều bạn tr�?với mơ ước tr�?thành Lập trình viên Front-end chuyên nghiệp hẳn đã “b�?túi” thêm nhiều điều b�?ích, những hành trang vững chắc giúp các bạn thêm thuận lợi trong công việc mai sau! Đừng quên theo dõi những bài viết tiếp theo nhé!

B�?môn Công ngh�?thông tin

Cao đẳng FPT M?ng c�� c??c b��ng ?�� Hà Nội

The post Thành thạo những kiến thức sau đây nếu bạn muốn tr�?thành Lập trình viên Front – End giỏi appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.