Sunteți pe pagina 1din 3

¾����O�G

Internet�{���]�p�v�B��]�p�v

1. 1�~�H�W�n��]�p�}�o�u�@�g��A���*R�B�]�p�B�갵� ��~�A�B����M�‫פ‬W�u�g��
2. �޳N�‫ݨ‬D: HTML5�BCSS3�BJQuery�BAjaxJ�BJavaScript�BBootstrap framework
3. ����T3��(Responsive Web) ��e��‫�}ݶ‬o�t�X�g��
4. ��xHTML�зǤθ��s��x�}�o����
5. �㦳�P��‫ݡ‬B�]�p�v�X�@�g��
6. �q�~�D�ʭt�d�A�ζ��X�@��O

�ժ�u��G
AJAX�BDreamweaver�BHTML�BJavaScript�BjQuery

---------------------------------------------------------------------------
1. �F�� CSS3, HTML5 (RWD).
2. Javascript/AJAX/jQuery (4node.js websocket��[)
3. ��UI/UX���Ѱ�¦.
4. �F�Ѹ��, ��ʸ˸m�Υ��O�e�‫�}�ݺ‬o
5. ����ζ��X�@�A���i�W�ߧ@�~.
6. ��x�n��GAdobe Photoshop�BIllustrator

---------------------------------------------------------------------
1. ��xHTML5�BCSS3�BRWD ���e� ‫ ݺ‬N�A��U�]�p�v�ѨM��{�������D
�޳���
‫ ݧ‬N�}�o�‫�[ج‬A�Ҧp�G�]Jquery,AngularJS,ReactJS �K���^�A���ɫe�
2. ���ʯ�A���i�ΩM�w�����e�޳���
‫�}ݶ‬o���IJv�M�~��
3. ��x MVC�[�c�A�P��ı�]�p�v�B��]�p�v�@�P�X�@�}�o
4. NodeJS�M� ޳‫ظ‬m�u��
5. ����Ajax , RESTFul API�]��‫ݤ‬u�{�u�{�v��P�u�@�^& Open API
6. Hybrid/Web App �}�o
7. �޳M�޳�
ΪΪ
����
޳ ޳x �B�s��� D
8. �P��L����q�X�@, ����‫���ﵽ‬u�ƨϥΪ�����
9. ��front end����u�@�g��A�޳�IJv�W�ߧ@�~�A�b�m��������‫�ؼ‬
10. ���s�޳N����s��A�֩�(ɥH�Υ�y�A���w��ҧ�n���ѨM���

�ժ�u��G
AJAX�BJava�BJSP�BJavaScript�BjQuery�BFrameMaker�BAdobe Photoshop�BPhotoImpact
6 9 8 3
5 9 8 3
-----------------------------------------------------------------------------------
-

��e��UI�u�{�v

1. Τ HTML5�㦳� ��
�N�]�p�vPSD/AI��Z�H��ƪ� s�j��s�@�C
2. �����e�‫�ݺ‬RWD�]�p��UI��� �
ʮĪG��� C
޳ ޳
3. �HAJAX�޳N�I�s��‫ݤ‬u�{�v�}�o��API�A��o��Ƨe�{�����C
4. ��‫ۮ‬e���˴�ηj�M��:���
Τ (SEO)�C
5. ��ϥΪΪ���
g s�P�u�ơC

�ժ�u��G
HTML�BJavaScript�BjQuery�BHTTP�BAdobe Photoshop

-----------------------------------------------------------------------------------
Front-end Web Developer �e�‫�]�ݺ‬p�v

�u�@���e
1. �t�dHTML/JavaScript/CSS���}�o
2. Web��div�ƪ��A�i��RWD�����}�o
3. �B�z�h�s��M�h�]�ƥ��x���‫ۮ‬e�ʰ��D
4. ��
ӱM�‫׳‬W��B���P�ζ��@�_�}�o�n��P�{�����@

�[�6���
1�B2~3�~�H�W�e�‫ݸ‬g��A������g��C
2�BUI & UX���g���
ΡC
3�B��xHTML5�BCSS3�BRWD ���e�
�޳���
‫ ݺ‬N

�`�Τu��P�޳N�G jQuery, mootools, AngularJS, ReactJS, Gulp ��


-----------------------------------------------------------------------------------
---
�u�@���e
�Q�Ϋe�‫��ݤ‬ʤ 㦳�ù�@޳ ޳ s���e� ‫ݸ‬ѨM��‫ס‬A�]�A��ʸ˸m�B���O���
q � �� ޳ ޳x�e�{�A�H���ѧ�n���e�
‫ݨ‬ϥΪ�����
���Ƹg��P��O
�E ���Front End�{���]�p�g��1�~�H�W
�E HTML / CSS
�E JavaScript�@���@jQuery
�E ��x�T3����]�p(RWD)
�E �F�Ѭ�N�]�p�B�� ‫ݤ‬u�{�v���y���ü֩�M�L���
X @�P���q
�E ����u�@����B�‫�ﴣ‬ɦۤv����O���s\
�E �д��ѧ@�~

-----------------------------------------------------------------------------------
----

�j�h�ƤH�{���e�‫ݤ‬u�{�v�O�G
��PSD�ɡA� Ϥ�άO��Z�A�M���L�ন��C
���ɭԥu�O���H�e��PSD�ɡA�Ϥ�άO��Z�ӳ]�p(��@��)�C
��Javascript�Ӽg�ʵe�A���X��� ��L��ĪG�C
��HTML��CSS�Ӽg��� ����e��~�[�C
�e�‫ݤ‬u�{�v�u���b�����ơG
�‫�]إߤ @�س‬p�v�P�u�{�v����(���q��)���Ϲ��ƻy���C
�q��ı�]�p�����‫ר‬Ӭ ‫ݡ‬A�w�q�@�դ���ӧe�{���e�B�~�P��\�޳...
�޳���
‫�@ إ‬MWeb3�ε{������¦�A�]�t�W�d�B�‫�[ج‬B�‫ݨ‬D�B�Ϲ��ƻy��( Visual language )��W��C
�w�qWeb3�ε{���㦳� �� då�A�]�t�˸m�B�s��B�ù�P�ʵe�C
�g�@��QA��n�A�H�T�O�~�P���۫‫ס‬B�{���X�~��A�H�β��~���������H�h�f��L�C
��(Style)�@��Web3�ε{���A�n�B�ξA���Ŷ��B�Ϥ�B�ƪ�(typography)�B���D�B�r���Bicon�B���~�
�Z(padding / margin)�B��u�t��(grid)���C
��(Style)�@��Web3�ε{���A�n��Ҽ{�줣�P�ѪR�‫��ת‬Ϥ�A�h�‫˸ظ‬m���ɦV���˪��ϡA� ‫٭‬n���U�]�p��n�C
�UWeb3�ε{�������ҮɡA�n�Ҽ{��y�q ( semantic )�Aaccessibility�ASEO�Aschemas �M
microformats.
�s API ���ƮɡA�n��ĥΤ͵��A���ӹq�A�F�ѥ ‫ث‬e�Τ�‫ݻ‬P�˸m���p���覡 ( Ķ�� �G�|
�P ΤΤ�w޳ 骺����A���‫ܩ‬Ը�ƪ��㦳� ��
�Ҩӻ��G�w���ʥΤ��� ‫ק‬K�q�;P�W�e����� )�C
�Τ�‫�}���{��ݪ‬o�A�n��e�{���Z���ʵe�B�L��ĪG�B�����J(lazy loading)�B���ʮĪG�ξާ@�y�{�A�䤤
�j�h�ƪ��ɶ����ӶO�b���i�W�j�P�V�U�‫ۮ‬e�зǡC
( Ķ�� �G���i�W�j�G� Ҧ p ���F�b�]�p�P�į ඡ��o���šA�Y�ǫe�‫��ݪ‬ĪG�A�Ҧp���h��A���v���A�u�޳� �
޳㦳�ª�IE)
�T�O�P��‫����ݶ‬s�u�O�w�����A�Ҽ{�ϥθ���귽�(� Cross Origin Resource Sharing (CORS)
�ɡA�n�‫ק‬KXSS��CSRF�����p�o�� C
���n�ѤF�A���ަh�Y�㦳� �� ‫״‬m��A�M�
޳���H�h�h�a�_���n�D�A�H�θ˸m������A�û����n��ϥΪ��\�b�Ĥ@�C
���F�F��W���o�ǥ ‫ؼ‬СA�e�‫ݤ‬u�{�v�]�ϥΫ ‫ܦ‬h�u��A�q��ı�]�p�v�`�Ϊ�( Photoshop�BAdobe�BMacaw�
BSketch ) ��{���}�o�u�� ( IDE�B��O�C�B��������Bbash script�BBuild Task)�C

���ɭԧ ‫ڭڭ‬Ʀ ‫ܭ‬n�Ҽ{��P( �q�l��B�s�i���ʡB�Τ��Ƥ*R�BSEO�B�8s�C�� )


�A�ϥΪΪ�� ����B�Ϲ��ƻy�� ) �줺�e�վ� (�_��B�‫ק‬K�_�r�B�iŪ�ʸ��m)�C
g ( �ʵe�B�L��B���X�B�ϥΪΪ

���n���e�‫ݤ‬u�{�v

�]�\�j�h����ө���z�ѫ�V�����������e� ‫ݤ‬u�{�v�A�O�]�������W�R�����n���e�‫ݤ‬u�{�v�C�p�PQu
ota�W�@�g�㦳�ҳ��z�����‫ס‬A�e�‫ݤ‬u�{�v�֦����C���i�J���e�CJavascript, CSS��HTML
���O����x�����{���y���C���H�u�n��X�ѴN�i�H�b CodeAcademy �άO Codeschool
�Ǩ��¦�A��A�Dz߹��OErlang, Go �άOANSI C ���y���ɡA�A�N�‫ݭ‬n�x���‫ܦ‬h�q���u�{���
‫��ޥ‬C�խ��C���b������J�@�i�Ϥ�u���D�`²��A���F��Web��� ‫��������ܬܨ‬O��^�ơC

��‫ס‬A����W�R���۰��f�e�‫ݤ‬u�{�v�G
���ή 㦳�e�‫ݤ‬u�{�v�|���X�o�Ǩ� ( �P�ɤ]�ˮ`�u�f���e�‫ݤ‬u�{�v )
�‫�ݥ‬Javascript ��‫ܮ‬w�A�]���L�Ϊ �4���ϥέ�� Javascript (�Ҧp�G�L�B���� jQuery )�C
�‫�ݥ‬Javascript �~���A�ΧO�H�g���{���X��S��k��4�O�H�g����
(�Ҧp�GjQuery.doParallaxPls.js )�C
���‫ݻݨ‬D�A�]�p���A�]�S����������A�N�bWeb3�ε{���� ΤF CSS �‫ ( [ج‬Bootstrap, Foundation,
Skeleton )�A�o�u�Ψ 䤤 5% �� CSS / JS�C
�ΤFCSS �‫�[ج‬A��O�T3��(RWD)���A�λ{���T3���]�p�u�O�@�
‫ا‬A�H�ɥi�H�i�H�[��Web3�ε{���� ��ը�ƦӤw�C
��u�T3����]�p(Responsive Web Design�v���b�L��A�o�����D Server �‫����ݦ‬ǸѨM��‫ץ‬i�H�ΡC
����u�W�d�A���ϥΫe�m�B�z��(Pre-processor)�A�R�W�W�h�A�n����d�A�åB�P�ɹL�
‫��ת‬ϥ �CSS selector�Aid�ACSS��
����Y����_���ƭ�, !important�C
����į�Amemory leak (�άO�‫������ڥ‬D�o�O����)�A�]�����{���X���ˬd���q�C
�i�‫~��ܦ‬ ԨS �
����ɭ���� �
A ΪΪ
��
޳ � N�O�u�o�b� ‫��ڪ‬q�� / �s�� / �˸m�W�|�ʡv
�L�‫�����ת‬y��(Ķ�� �G�N�O���ƥ��y��l���N��a)�A�����F�w�g�o�i30�~���n��u�{�C

S-ar putea să vă placă și