1 / 14

Introduction to Front-end Development: A Comprehensive Guide for Beginners

This talk, presented by Allen Green and C.L. Huang, focuses on the essentials of front-end development. It covers fundamental concepts such as client-server architecture, web applications, and popular web technologies, including HTML, CSS, JavaScript, and PHP. Attendees will explore how browsers work (e.g., Chrome, Firefox), the role of web servers (e.g., Apache, IIS), and the process of client-server interactions. With practical examples, this introduction aims to equip aspiring developers with the knowledge to navigate the world of front-end technologies effectively.

tuvya
Télécharger la présentation

Introduction to Front-end Development: A Comprehensive Guide for Beginners

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. A IMN FRONT-ENDTECHNICALTALK IntroductiontoFront-endDevelopment Sharer/Allen-GreenC.L.Huang CEO,IMNA MicrosoftStudentPartners,Taiwan Intern,Dep.SolarEnergySystem,GreenSourceTechnology

  2. OutlineofIntroduction WebSite WebApplication IntroductiontoServer/Client

  3. WebSite Yahoo,Google,etc. Browse Display Browser IE,Chrome,Firefox

  4. WebServer Apache,IIS,Tomcat Request Response Client Browser,FlashGet,PPS,KKBOX

  5. OutlineofEnvironment WebServer ScriptInterpreter DBMSServer Browser

  6. DBMSServer ScriptInterpreter Extension WebServer Browser

  7. OutlineofTechnical (X)HTML CSS JavaScript PHP/JSP/ASP.NET

  8. WebServer (X)HTML Document Ex.EnterURLhttp://www.im.tku.edu.tw Browser

  9. <html> <head> <style> body{ background:#000; } </style> <script> alert(“Hello”); </script> <body> <h1>HelloWeb!!</h1> </body> </html>

  10. <html> <head> <style> body{ background:#000; } </style> <script> alert(“Hello”); </script> <body> <h1>HelloWeb!!</h1> </body> </html>

  11. <html> <head> <style> body{ background:#ccc; } </style> <script> alert(“Hello”); </script> <body> <h1><?php$txt=“web”;echo“Hello$txt!!”;?></h1> </body> </html>

  12. MySQL/DBMSServer PHP/Pre-Interpreter Apache/WebServer

  13. Letgo tothe RealWorld!

More Related