Silicone Labs - Front-end Development

Front-end Development

Front-end Development

Front-end Development

Siliconelabs Online Web Development Diploma program is an intensive, project-based, online learning experience, designed to transform your skillset and launch a new career as a Web Developer.

The program’s curriculum is challenging, comprehensive, and constantly updated, ensuring you are always learning the most in-demand web development skills, techniques, and tools. Led by Educators with experience in the field, you will develop and work on a multi-page web application, in the process building a standout portfolio of completed projects.

By program’s end, you will have the skills, experience, and confidence needed to dive into a career in web development.

  • Understand how websites work and how HTML, CSS and JavaScript contribute.
  • Understand how the internet works.
  • Start coding with HTML, CSS, and JavaScript.
  • Learn and understand git, GitHub and version control.
  • Use the Unix command line to become a power user and write bash commands.
  • Learn key troubleshooting and debugging skills to apply to your projects.

Price: $1999 Started On:1 Januery 2021

.

HTML-5
  • Learn the anatomy of HTML syntax to structure your websites.
  • Understand the HTML boilerplate and HTML doctypes. How to structure text in HTML.
  • How to structure HTML lists to create unordered and ordered lists.
  • How to insert images using HTML
  • How to create hyperlinks using anchor tags.
  • Understand how to use HTML tables for content.
  • How to use tables for layout.
  • Learn HTML best practices.
  • Understand about HTML forms and create a simple contact me form.
  • HTML Divs and how to separate content for CSS styling.
CSS3
  • Understand what are cascading style sheets and how you can use it to style your website.
  • How to use CSS selectors and properties.
  • Learn about how to use inline, internal and external CSS. Understand CSS coding best practices.
  • Learn about CSS sizing methods.
  • Learn the anatomy of CSS syntax and structure.
  • CSS specificity and implementing style hierarchy.
  • Class vs. Ids and how to target each.
  • CSS display and how to implement layout.
  • How to use CSS static, relative and absolute positioning systems.
  • Font styling using CSS and web safe fonts.
  • Centering elements using CSS.
  • Website design fundamentals and typography.
  • How to use CSS float and clear.
  • How combine CSS selectors and understand selector priority.
BOOTSTRAP 4
  • Learn the fundamentals of implementing responsive web design.
  • How to use Balsamiq to mockup and wireframe websites. The fundamentals of UI design for websites.
  • How to install the Bootstrap framework.
  • Understanding the Bootstrap grid layout system.
  • How to use bootstrap containers to layout your website easily.
  • Learn to use other Bootstrap components such as buttons. Adding symbols using Font Awesome.
  • Learn to use Bootstrap carousels.
  • Add Bootstrap cards to your website.
  • Using Bootstrap navigation bars.
JAVASCRIPT ES6
  • The Fundamentals of Code
  • Starting code with alerts and prompts.
  • Understand Variables and Data Types in JavaScript Variable naming in JS
  • Working with strings and numbers
  • Randomisation and logical operators
  • Loops, collections and Conditionals.
  • Functions and invocation patterns
  • Discussion of ECMAScripts
  • Intermediate JavaScript
  • Learn to use JS Expressions, Operators, Statements and Declarations
  • Object-Oriented Programming
  • JS Objects and Prototypes
  • This, Scope and Closures
  • Objects and Prototypes
  • Refactoring and Debugging
DOCUMENT OBJECT MODEL (DOM)
  • Learn the tree structure of HTML based websites.
  • Traverse through the document using object notation.
  • Separation of concerns and coding best practices.
  • Manipulate and change the HTML elements using your understanding of the DOM.
JQUERY
  • Installing and using the jQuery framework.
  • Learning about jQuery functionality

Coming soon

Apply the courses