-
Notifications
You must be signed in to change notification settings - Fork 0
front end microsoft
Hi there ✋ I already have a good front end experience (as you can see in this repo), but this will be a good chance to be familiar with the standards of the front end development, as well as learning about angular.
summary of the front end program.
the Curriculum 🎒 :
- Front End orientation -> ( 15-15 July -just 2 hours-) .
- intro to HTML and JS -> (15 - )July
- CSS basics
- Advanced CSS
- TypeScript/JS
- BootStrap
- jQuery
- AngularJS fundmentals
- Advanced Angular
- NPM and opensource tools
- (october) Capstone.
here I will be writing just some keywords of what I have learned in from the courses and sharing some code of the new tricks that I've learned.
- the first-week summary: front-end dev is responsible for displaying and visualizing, needs to be creative and resourceful curious and interested in the details, also he needs HTML CSS and JS!.
the lab was about: checking out HTML5 compatibility , where to find the standards and ECMA. standards are important to take consider the compatibility.
- web frameworks : bootstrap -> responsive mobile first, by twitter devs,css can be tricky, jQuery -> to handle cross browser, JS can be tricky,AngularJS --> MVC ,abstract a lot of tasks.EmberJS -> ambitious web apps,release every six weeks,routes,templates. React -> library for UI , not MVC based,the fastest!,Declarative views make your code more predictable and easier to debug, component based.
the lab : plunker, invistigating BootStrap, awesome usage of Bootstrap, {{}} are placeholders used to integrate values into a page's HTML through AngularJS.
- Tools and editors : Sublime Code Vim and Emax.
the lab: getting started with CodePen.io
- getting started with git
- Hurray! finally finished the course .. and this was just a post-survey.
Notes: this course was pretty easy for me since I'm already familiar with all of the concepts, it took from around 2 hours .. let's start the 2nd course now! Ohooo ✌️ 😄
started on Saturday 15-July.
- intro to HTML : markup means semantic annotation,1989, Tim Berners-Lee in a particle physics lab named CERN, World Wide Web Consortium, Extensible ML (XML : human and machine-readable. ),SGML, HTML5 and the semantic , elements , xmlns attr isn't required, inline elements <headers, img , strong and others> and block elements <body,p,br and many>, mark ,strong , b , i , mark, download attribute in anchors.
- [ ]
- [ ]
- [ ]
- HTML & CSS.
- Responsive web design with BootStrap.
- JQuery Notes.
- intro to JS
- OOP JS
- basic algorithm scripting.
- JSON API's and AJAX.