edX

/am/microsoft-professional-program-in-front-end-web-development-1

Թրեյնինգի նկարագրություն:

Creating a presence on the web requires more than just HTML and hyperlinks. If you want to become a front-end web developer, it can be difficult to figure out where to begin. Which frameworks, languages, and libraries should be your focus? The Microsoft Professional Program in Front-End Web Development is a curriculum that eliminates some of this confusion by introducing you to the fundamentals, teaching the most frequently used tools, and then offering a way for you to prove you have the skills through a final capstone project that can be showcased in your portfolio.

Built in collaboration with leading organizations and experts, the Microsoft Professional Program in Front-End Web Development will help you learn the skills you need to start the career you want.

You'll Learn To

• Create a Basic Web Application
• Use a Scripting Language to Build Dynamic Web Apps
• Use CSS to Simplify UI Management
• Use CSS to Build a Powerful Web UI
• Use UI Frameworks to Build a Responsive Web UI
• Use a Framework to Build a Dynamic Web UI
• Use a Framework to Simplify and Manage Data Binding
• Use a Framework to Build a Complex Single-Page Application
• Use Cloud Services to Create Web Apps with High Availability and Scale
• Use Open Source Web Tools to Support Dynamic Build Scenarios
• Use DevOps Tools and Processes to Manage Web Application Projects

How It Works

This comprehensive curriculum features courses that are presented in a suggested order, to guide you as you build your skills. This order is only a suggestion, and courses can be taken in any order so long as all required courses are completed. You are free to choose a path that includes either JavaScript or TypeScript. 

Course 1:    Microsoft Professional Orientation : Front End Web Development

This course is part of the Microsoft Professional Program Certificate in Front-End Web Development.

The orientation course is designed to introduce the student to the Web Front-End Developer discipline by introducing the various technologies that computer programmers use when creating web sites.

The technologies are focused on aspects of web development that are part of the front-end of a web application, more specifically, code the executes on the client computer rather than on a server.

This course is the first course students take as a part of the Web Front-End Developer, Microsoft Professional Program. It will introduce the topics that will be a part of the course work throughout the program. Students will gain an understanding of the technologies and have the opportunity to explore some code and developer tools for work on web applications.

Course 2:    HTML5 and CSS Fundamentals

This course is part of W3C's "Front-End Web Developer" Professional Certificate and Microsoft's Professional Program Certificate in Front-End Web Development.

Learn the basics of Web design and style to give your Web sites a professional look and feel. The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

During the course, you will learn the basic building blocks of Web design and style – HTML5 and CSS – to give your site a professional look and feel.

By the end of the course, you should understand all the fundamental elements – from headers and links to images and sidebars – and leave having built a basic framework for your own Web site. 

This course has been initially developed by Dale A. Schouten, Anusha Muthiah and Christopher Perkins, as part of a partnership between W3C and Intel®.

Course 3a: Javascript Introduction

This computer science course is an initiation to JavaScript programming and has been designed to help Web developers have an understanding of the basic concepts of the language. This course was developed in partnership between W3C and University Côte d'Azur.

JavaScript lets you add interactive features to your Web sites, including dynamically updated content, controlled multimedia, animated images, and much more.

The main objective of this course is to master JavaScript best practices by means of many interactive examples, some of which are demonstrated in live coding videos.

Course 3b: Introduction to TypeScript 2

Want to write organized code for your website that you can easily manage and maintain? TypeScript is the answer to building scalable web applications. TypeScript lets you write JavaScript the way you want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It works on Any browser. Any host. Any OS. TypeScript is open source and has attracted the attention of a big community of web developers who are continuously contributing to the wealth of the language making it the language for web development. TypeScript brings all the next-generation features of ECMAScript 6 like Arrow Functions, Decorators, Generics, Modules and Interfaces. In this course, you'll learn all the basics of TypeScript and will have hands-on using features of TypeScript such as types, optional static types, classes, interfaces, and modules. You will learn how TypeScript has solved many issues developers have suffered from with JavaScript. You will learn how TypeScript has made web development more fun and easier. You will be doing all this using the most recent released version of the language TypeScript 2.3.

This course will cover all you need to know to get up and running and start building functional websites using TypeScript 2.3

We assume that you have a general understanding of either JavaScript or another programming language. This course will not teach you JavaScript or the fundamentals of programming so if you haven't programmed before, be sure to set aside extra time so you can explore some basic concepts and skills that may be foreign to you. Object Oriented Programming (OOP ) experience is not required but is a big plus to understand concepts like classes and inheritance in TypeScript. Familiarity with HTML is also very helpful for this course.

If you are familiar with JavaScript, many of the concepts in TypeScript will be familiar but we'll cover some concepts that may be new to you and show you how TypeScript can enhance your JavaScript programming.

Knowing TypeScript is becoming more and more a must have skill for web development since many of the web development libraries now are using TypeScript. For example, TypeScript is a must when it comes to using Angular 2 in a web application. TypeScript also can be used in server-side applications. Knowing TypeScript is your way to become a full stack developer. Therefore, if you are considering a career in web development, TypeScript is an important gear in your tool box or skillset.

Course 4: CSS Basics

Have you just begun your journey into Web development? This course will introduce you to the basics of Web design and teach you how to style your Web site for a professional look and feel.

The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in using the latest Web standards to structure your content and presentation like a professional. In this course, you will explore numerous CSS features to help you control the look and feel of your site such as colors, fonts and layout. By the end of the course, you should understand all the fundamental elements of CSS and how to use them effectively.

It is recommended that you are at least a little familiar with HTML before taking this course, but we will be providing you with the HTML code when necessary.

Course 5: Advanced CSS

In this computer science course, you will learn how to design, develop and test device-friendly websites using CSS, one of the core technologies used for building web pages. You’ll also learn how to use Flexbox, SVG images, linting and other web developer tools to enhance your web pages.

Course 6: Introduction to Bootstrap - A Tutorial

Bootstrap is an open source project originally created by Twitter to enable creation of responsive, mobile first web pages. Bootstrap has a standard set of classes that allow developers to quickly create applications that scale to devices of all sizes, and incorporate common components such as dialog boxes and validation. Bootstrap has become a de facto standard for web design.

This course is designed to be a primer on Bootstrap. By the end of the three modules you will have gained the knowledge to create pages common to all web applications, and implement the most frequently used components and classes provided by Bootstrap. You will also see how to use the tooling provided by Visual Studio to assist you in creating pages as quickly as possible.

Course 7: Introduction to jQuery

jQuery is the most popular library for JavaScript. In this course, you will learn how to use jQuery to add additional power and interactivity to your web pages. You’ll see how to take advantage of jQuery in your web pages, how to work with the HTML document, and even make server-side calls.

Using jQuery, the JavaScript programmer has access to many of the powerful tools common to desktop and mobile developers use, like building event handlers and using effects for a responsive UI, the ability to manipulate your user interface without having to refresh the entire page, and creating asynchronous calls to keep your web application responsive. With jQuery, you’ll be able to take your web pages to the next level!

Course 8: AngularJS: Framework Fundamentals

Want to get started building Web pages with AngularJS, but feel a little overwhelmed? You’ve come to the right place. This course will teach you the programming language using a series of easy to understand AngularJS tutorials. The hands-on approach will teach you how the AngularJS framework works, and enable you to use HTML as your template language. You’ll also learn the basics of AngularJS’s module definition and how to perform basic dependency injection between components.

This course is best suited for anyone wanting to learn how to use the AngularJS framework through hands-on AngularJS tutorials and examples. Students should have some prior HTML, CSS, and JavaScript training or knowledge.

Course 9: AngularJS: Advanced Framework Techniques

Want to start implementing some of the more advanced features of Angular, but looking for help to get you started? In this advanced angularJS course, you’ll learn how to implement a web framework as you work your way through a series of tutorial-style labs that make learning easy.

This course is best suited for those wanting to build upon a basic understanding of Angular, and who have HTML, CSS, and JavaScript training or knowledge.

Course 10: Building Your Azure Skills Toolkit 

Want to give your apps the power of the cloud? Roll up your sleeves for a fast-paced, hands-on tour of several cloud-powered features in Azure, and learn how to integrate Azure services within a single web app.

As you work with the experts through an easy-to-follow scenario, start by creating a web app using Angular and .NET Core. Then, integrate Bing Search to find and retrieve images to display on your site. Ready for artificial intelligence (AI)? Use Azure Cognitive Services Computer Vision to analyze and detect the objects within the images you found. Plus, use SQL Azure to store your metadata in a scalable database, retrieve the data, and display it using .NET Core Web API and Entity Framework Core.

Complete the scenario with Azure Search for quick retrieval of images based on your own search terms. Finally, use Azure Active Directory B2C to enable secure access to your stored images and to protect the entire application.

Course 11: Using Open Source Web Tooling to Improve Development Proficiency

Have you heard about Node.js, the Node Package Manager or Bower? Perhaps you’ve wanted to dive into some open source tooling for your Web development projects.

This computer science course focuses on some of the current open source tools and technologies available today for Web developers. In the five modules of this course, you will learn how to use Node.js and the NPM along with other tools like Chalk, Angular, Bootstrap and Font Awesome.

Course 12: Introduction to DevOps

DevOps is the union of people, process and products to enable the continuous delivery of value to end users. It aims to create a culture and environment where building, testing, and releasing software can happen rapidly, frequently, and more reliably, so you can innovate like a startup and scale for the enterprise. By taking this introductory DevOps course, you’ll be able to define DevOps, understand why you need DevOps, and learn how you can get started with DevOps. You’ll learn the key ideas and techniques to bring development and operations together to produce higher-quality software and deliver it more quickly.

Course 13: Microsoft Professional Capstone : Front End Web Development

Students will use the knowledge and skills obtained from the courses in the Front End Web Developer track for the Microsoft Professional Program, to create a single-page application (SPA) that focuses on a potential real-world solution.

The solution offers the option of following the course specified online shopping site or gaining approval for a web site that benefits a non-profit of the student’s choice.

The capstone will be manually graded by industry experts and students will be required to engage in a video conference call with a grading instructor to go over their code.

The finished project should be something that the student will be proud to showcase in their own portfolio.

Խոսնակներ:

Program Details

Courses- 11 courses + Final Capstone Project

Effort6 - 25 hours per course 

Price- $99 per course / $1,188 for the entire program