Come and join Front End Web Development course and build your dream carrier in web.Held from May 14th - June 26th.
Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or web application so that a user can see and interact with them directly.
The Front-end Web Development Course offered by Elanchoice mainly focuses on building Mobile friendly, Responsive SEO friendly websites with best industry practices.
The course is designed for Entrepreneurs, Job seekers, Students.
Learn to code or level up.
Course Content:
Front end web development
Front end web development course includes two modules
1) Design : Create wireframe of Responsive layout using wireframe tools
2) Development: Building Responsive, Mobile friendly website with HTML5, CSS3, JQuery
I. Design
• Create wireframe of Responsive layout using wireframe tools
• Photoshop and Illustrator
II. Development
SECTION 1
- Intro to HTML Syntax
- Coding Links
- Adding Images
SECTION 2
- Intro to Cascading Style Sheets (CSS)
- The Div Tag & Basic Page Formatting
- HTML5 Semantic Elements
SECTION 3
- The Box Model
- Floats & Images
- Setting the Viewport Meta Tag
SECTION 4
- Styling Links
- Styling the Navigation
- Shared CSS & Centering Content
SECTION 5
- CSS Background Images
- Fun with Fonts
- Hipstirred Layout: Fine Tuning with Box Model
SECTION 6
- CSS Buttons & Floats
- Uploading to a Live Website via FTP
- Form Basics
SECTION 7
- Setting the Viewport Meta Tag
- SVG (Scalable Vector Graphics) & .htaccess Files
- Mobile-Friendly Forms
SECTION 8
- Flix: Media Queries for Retina/HiDPI Graphics
- Mobile First vs. Desktop First
- Box Model: CSS3 Box-Sizing & Calc()
SECTION 9
- Off-Screen Side Nav Using Only CSS
- Full Screen Backgrounds & Viewport Sizing Units vh & vw
- Bootstrap: Getting Started
SECTION 10
- Bootstrap: More Elements & Nesting Grids
- Bootstrap: Controlling Grids & Layout
- Bootstrap: Creating a Photo Grid
SECTION 11
- Minimalist Blog: The Box Model
- Minimalist Blog: Streamlined CSS
- Creating Columns with Float
- Introduction to Media Queries
SECTION 12
- The Display Property: A Deep Dive
- The Position Property: The Key to Complex Layouts
- Creating a Fixed Header
- Image Replacement
SECTION 13
- CSS Sprites
- Background Gradients & Transparent Colors
- Multi-Column Layout
- CSS Selectors
SECTION 14
- Attribute Selectors
- Form Styling
- Clearing Floats
- Sizing Typography
III. Intro to Javascript and Jquery
IV. Project Portfolio
V. Live Projects
Comments
Post a Comment