新西兰留学前端学习的内容主要包括以下几个方面：

HTML基础：

学习HTML（HyperText Markup Language）是前端开发的基石，它用于创建网页的结构。HTML包括各种标签和属性，用于定义网页的不同部分，如标题、段落、链接、图像等。

CSS样式：

CSS（Cascading Style Sheets）用于设置网页的布局和样式。学习CSS包括掌握各种选择器、盒模型、布局技巧（如浮动、定位）、响应式设计等，以实现美观且功能性的网页。

JavaScript：

JavaScript是一种脚本语言，用于为网页添加交互性。学习JavaScript包括理解变量、函数、对象、事件处理、DOM操作等，以实现动态效果和数据处理。

前端框架和库：

掌握一些流行的前端框架和库，如React、Vue、Angular等，这些工具可以帮助开发者更高效地构建复杂的用户界面和单页应用程序（SPA）。

版本控制工具：

学习使用版本控制工具，如Git，这对于代码管理和团队协作至关重要。

浏览器兼容性和Web标准：

了解不同浏览器之间的兼容性问题，掌握Web标准（如W3C规范），确保网页在不同设备和浏览器上都能正确显示。

响应式设计和移动优先：

学习如何设计适应不同屏幕尺寸和设备的前端界面，包括移动优先的设计策略。

基本网页布局和样式设计：

掌握网页布局的基本原则，如网格系统、排版、颜色和字体等，以实现专业且用户友好的网页设计。

后端技术和API：

虽然前端主要关注用户界面和交互，但了解一些后端技术和API（应用程序接口）也是非常重要的，这有助于前端开发者与后端开发者更好地协作，实现完整的功能。

项目实战和练习：

通过实际项目或练习来巩固所学知识，提高编程能力和解决问题的能力。

建议学生在学习前端开发时，结合理论学习和实践操作，多参与项目实战，以便更好地掌握前端开发的技能。同时，关注前端技术的最新发展趋势，不断更新自己的知识体系。