หลักสูตร HTML และ CSS ตั้งแต่เริ่มต้น แหล่งข้อมูลที่ดีที่สุดสำหรับการเรียนรู้ html และ css ฉันได้เรียนรู้ว่าเลย์เอาต์ เซิร์ฟเวอร์เสมือน ฐานข้อมูล ภาษา PHP ฯลฯ คืออะไร และฉันรู้วิธีทำงานกับมัน

คำถาม: อธิบายตัวเองในช่วงเริ่มต้นการเดินทางของคุณ?

คำตอบ: ในตอนเริ่มต้นการเดินทางของฉัน มีความปรารถนาอย่างมากที่จะเปลี่ยนอาชีพหลักของฉันให้เป็นอาชีพที่น่าสนใจและมีกำไรมากขึ้น.

คำถาม: อธิบายตัวเองตอนนี้?

คำตอบ ตอนนี้ฉันยิ่งมีความมุ่งมั่นมากขึ้นเท่านั้น ด้วยประสบการณ์การสอนมากกว่า 20 ปี ฉันรู้ว่านี่ไม่ใช่สิ่งที่ฉันต้องการทำทั้งในปัจจุบันและในอนาคต ฉันไม่อยากทิ้งการสอนไปโดยสิ้นเชิง ตัวเลือกในอุดมคติ: ทำงานต่อไปโดยได้รับค่าจ้าง 0.25 และใช้เวลาที่เหลือในการพัฒนาเว็บไซต์ที่กำหนดเอง โดยเฉพาะตอนนี้ที่ระดับความรู้เพิ่มขึ้นอย่างเห็นได้ชัดเมื่อเทียบกับตอนเริ่มต้นการเดินทาง

คำถาม: คุณมีความคิดอะไรบ้าง?

คำตอบ: โครงการที่เจ๋งมาก เราต้องรู้จักเขาให้มากขึ้น อย่าลืมใช้วัสดุสำหรับโครงการของคุณ

คำถาม: คุณชอบอะไร?

คำตอบ: ฉันชอบคุณภาพของหลักสูตร การออกแบบ ความเป็นมืออาชีพของผู้เขียนนั้นไม่ต้องสงสัยเลย.

คำถาม: คุณรู้สึกอย่างไร?

คำตอบ: ชื่นชมยินดีในกระบวนการเรียนรู้อย่างเต็มที่

คำถาม:

คำตอบ: หลักสูตรเหล่านี้ช่วยให้ฉันจัดระบบความรู้ที่กระจัดกระจาย และฉันมั่นใจว่าฉันจะประสบความสำเร็จ.

คุณได้รับการแนะนำจากเพื่อนที่ดีของฉันซึ่งเป็นลูกค้าของคุณในขณะนั้น

คำถาม: ประสบการณ์ชีวิต?

คำตอบ: มันบังเอิญมากจนผมไปเรียนเป็นโปรแกรมเมอร์โดยบังเอิญ (เป็นวิชาพิเศษอันดับสอง) หลังจากการฝึกอบรม ฉันโชคดีที่ได้งานเป็นโปรแกรมเมอร์ 1C ทันที ส่งผลให้ฉันอยู่ในสาขานี้เป็นเวลา 5 ปี

เป็นผลให้เมื่อเบื่อหน่ายกับเรื่องนี้ฉันจึงตัดสินใจเปลี่ยนโปรไฟล์กิจกรรมของฉันอย่างรุนแรงและกลายเป็นผู้ช่วยผู้กำกับรายการทีวีระดับภูมิภาค

ระหว่างตัดต่อรายการทีวี ผมตัดสินใจเริ่มเรียน PHP ด้วยตัวเอง นอกจากนั้น ในขณะนั้นฉันเรียนหลักสูตร PHP จาก Webformyself - อันที่จริงนี่เป็นแรงผลักดันให้กลับมาสู่อาชีพโปรแกรมเมอร์อีกครั้ง แต่เน้นไปที่เว็บเท่านั้น

ประสบการณ์เชิงพาณิชย์ครั้งแรกของฉันในการพัฒนาเว็บไซต์คือโครงการที่ฉันพัฒนาบน Joomla มันเป็นความพยายามที่ยาวนาน ยาก และมีรายได้น้อย แต่ฉันรอดพ้นจากช่วงเวลานี้ ได้รับประสบการณ์และเริ่มเข้าใจวิธีการทำงานเพื่อให้ได้ผลลัพธ์และวิธีสื่อสารโดยตรงกับ ลูกค้า จากนั้นมีประสบการณ์อิสระในการพัฒนาร้านค้าสองสามแห่งบน Joomla + Virtuemart ความรู้และโซลูชั่นดึงมาจากหลักสูตร “ร้านค้าออนไลน์บน Joomla” โดยตรง (https://site/jshop/)

จากนั้นชีวิตของฉันก็พลิกผันอย่างรวดเร็ว ฉันเซ็นสัญญาฉบับแรกกับบริษัทไอทีแห่งหนึ่ง หลังจากสร้างกระบวนการภายในทั้งหมดและเข้าใจกลยุทธ์ของบริษัทแล้ว ผมก็มีเวลาในการพัฒนาตนเองในด้าน Web Developer ต่อไป..

คำถาม:

คำตอบ: ในเรื่องนี้ มีข้อสงสัยเพียงเล็กน้อย และมีเพียงสิ่งเดียวเท่านั้น - เงินที่ใช้ไปจะหมดไปเร็วแค่ไหน และมีความมั่นใจอย่างยิ่งว่าพวกเขาจะตอบแทน

คำถาม: ความเชื่อและค่านิยมที่สำคัญที่สุดสำหรับคุณในชีวิตโดยทั่วไปและการพัฒนาเว็บโดยเฉพาะคืออะไร?

คำตอบ: สิ่งสำคัญในชีวิตคือความรัก สำหรับการพัฒนาเว็บไซต์นั้น มีการพัฒนาอย่างต่อเนื่องและเผชิญกับความท้าทายใหม่ๆ

คำถาม:

คำตอบ: มีปัญหาหลัก: ตั้งแต่ฉันเป็น มือใหม่ที่สมบูรณ์ในโลกของการพัฒนาเว็บไซต์ ฉันไม่มีแผนที่ชัดเจนว่าจะเริ่มต้นจากตรงไหนและควรไปในทิศทางใด หลังจากซื้อหลักสูตรเกี่ยวกับ PHP ฉันได้เรียนรู้พื้นฐานทั้งหมดของภาษานี้ วิธีสร้างแอปพลิเคชัน และจากนี้ ฉันจึงมีความเข้าใจและมีวิสัยทัศน์ว่าจะพัฒนาทั้งหมดนี้อย่างไรและที่ไหน

คำถาม: คุณประสบความสำเร็จอะไรบ้าง?

คำตอบ: การพัฒนาของฉันเร็วขึ้นและมีคุณภาพสูงขึ้น ฉันเชี่ยวชาญเทคโนโลยีหลายอย่าง ไม่ต้องไปทำงานที่ออฟฟิศ และโดยทั่วไปแล้ว อาชีพนักพัฒนาเว็บไซต์ทำให้ฉันได้รับเงินในเงื่อนไขที่สะดวกสบายสำหรับฉันและสะดวก เวลา.

คำถาม: มีการเปลี่ยนแปลงอะไรบ้างในทางที่ดีขึ้นในชีวิตของคุณ?

คำตอบ: ครอบครัว ลูกๆ การเดินทางและงานอดิเรกของฉันกลายเป็นกิจกรรมหลักที่ฉันได้รับเงิน (ฉันกำลังพูดถึงการพัฒนาเว็บไซต์)

อุงเกอร์ โอเล็ก

ฉันเป็นที่ต้องการของตลาดแรงงาน แม้ว่าฉันจะอายุมากแล้ว แต่ตอนนี้ฉันเข้าใจชัดเจนว่าควรก้าวไปในทิศทางใดต่อไป

คำถาม: ประสบการณ์ชีวิต?

คำตอบ: หลังเลิกเรียนฉันสมัครเป็นโปรแกรมเมอร์ แต่มีคะแนนไม่เพียงพอ เรียนเป็นวิศวกรอิเล็กทรอนิกส์ เขาทำงานในสาขาต่าง ๆ โดยเฉพาะด้านการผลิต พื้นที่ที่เคยสร้างรายได้ดีอพยพมาจีนแล้ว หางานยาก เบื่อแล้ว

คำถาม: อธิบายตัวเองในช่วงเริ่มต้นการเดินทางของคุณ?

คำตอบ: ในช่วงเริ่มต้นของการเดินทาง ฉันสงสัยจริงๆ ว่ามันคุ้มค่าที่จะเริ่มต้นหรือไม่ ฉันได้รับแรงบันดาลใจมากจากแบบอย่างของเพื่อนของฉัน ซึ่งเริ่มต้นจากศูนย์และภายในเวลาไม่ถึงหนึ่งปีก็ได้งานที่ได้รับค่าตอบแทนตามปกติ

คำถาม: อธิบายตัวเองตอนนี้?

คำตอบ: เกือบสามปีผ่านไป ฉันมีความรู้อยู่แล้วและได้รับความรู้ใหม่ๆ อย่างต่อเนื่องด้วยหลักสูตรจาก WebForMySelf

คำถาม: คุณรู้จักหลักสูตรของเราได้อย่างไร?

คำตอบ: ฉันเริ่มมองหาโรงเรียนหรือหลักสูตรประเภทไหน ซึ่งพวกเขาอธิบายทุกอย่างได้ดีและละเอียดมาก ฉันพบมันบน YouTube และการค้นหาเพิ่มเติมก็นำไปสู่เว็บไซต์ Webformyself

คำถาม: คุณคิดอย่างไรเมื่อได้ยินเกี่ยวกับโครงการของเรา

คำตอบ: ฉันคิดว่ามันดีที่มีข้อมูลมากมายในที่เดียว

คำถาม: คุณมีข้อสงสัยหรือไม่?

ตอบ พูดตามตรงว่า มีข้อสงสัย แต่ฉันสมัครใช้งาน Premium Club และฉันได้เรียนรู้มากมายจากวิดีโอ: PHP, JavaScript, การแสดงออกปกติ, หลักสูตรการเขียนโปรแกรมเชิงวัตถุ (OOP PHP) ฯลฯ

คำถาม: คุณชอบอะไร?

คำตอบ: ฉันจริงๆ ฉันชอบที่หลักสูตรนี้รวมหลักสูตรและวิดีโออื่นๆ จากการเข้าถึงแบบพรีเมียมไว้เป็นโบนัส- และโชคดีมากที่ฉันไม่ต้องเลือกระหว่าง Yii2 และ Laravel เพราะรวมไว้ด้วย

คำถาม:

คำตอบ: ฉันต้องใช้เวลามากในการค้นหาข้อมูลที่มีโครงสร้างในหัวข้อที่ถูกต้องไม่มากก็น้อย

คำถาม: คุณประสบความสำเร็จอะไรบ้าง?

คำตอบ: ด้วยเหตุใดฉันจึงเริ่มเข้าใจสิ่งที่ก่อนหน้านี้ดูเหมือนจะไม่สามารถเข้าถึงได้โดยไม่มีใครสังเกตเห็น บน ในขณะนี้ฉันทำงานเป็นโปรแกรมเมอร์มาเกือบปีแล้ว (Yii, MS เซิร์ฟเวอร์ SQL, JavaScript) ฉันมีส่วนร่วมในการพัฒนาฟังก์ชันใหม่และการสนับสนุนโครงการ CRM ในองค์กรที่เกี่ยวข้องกับระบบรักษาความปลอดภัย ระบบอัตโนมัติ และการสื่อสาร

คำถาม:

คำตอบ: ฉันรู้สึกมั่นใจและมองโลกในแง่ดี ฉันวางแผนที่จะพัฒนาระดับมืออาชีพของฉันต่อไป

คำถาม: มีการเปลี่ยนแปลงอะไรบ้างในทางที่ดีขึ้นในชีวิตของคุณ?

คำตอบ: การเปลี่ยนแปลงที่ดีขึ้น: ฉันเป็นที่ต้องการของตลาดแรงงาน แม้ว่าฉันจะอายุมากแล้ว แต่ตอนนี้ฉันเข้าใจชัดเจนว่าควรก้าวไปในทิศทางใดต่อไปอนาคตไม่คลุมเครือและน่ากลัวเหมือนเมื่อก่อนอีกต่อไป

ฉันไม่เคยสละเงินเพื่อการเรียนรู้ด้วยตนเอง และข้อแก้ตัวเช่น "มันสายเกินไปที่จะเริ่มต้น" หรือ "ฉันทำไม่ได้" ก็ไม่เป็นที่ยอมรับสำหรับฉัน

คำถาม: อธิบายตัวเองในช่วงเริ่มต้นการเดินทางของคุณ?

คำตอบ: ในช่วงเริ่มต้นการเดินทางของฉัน การเขียนโปรแกรมเว็บเป็นเหมือน “ป่ามืด” ที่น่ากลัวและอึดอัด แต่ ความกระหายความรู้ทำให้ฉันต้องก้าวไปข้างหน้าใช่ฉันต้องเขียน parsers ใน Delphi, Ebay Sniper ซึ่งเป็นโปรแกรมสำหรับการเข้าร่วมการประมูลถูกเขียนขึ้น ในขณะนี้ ฉันเข้าใจว่าการเขียนแบบนี้ใน PHP จะดีกว่า (ไม่จำเป็นต้อง "สร้างวงล้อใหม่" ด้วยไลบรารีไซแนปส์)

คำถาม: คุณจะพูดอะไรเกี่ยวกับการคัดค้านที่คุณอาจพบก่อนซื้อผลิตภัณฑ์ข้อมูล วิธีที่คุณเอาชนะข้อโต้แย้งเหล่านี้ (ไม่มีเงิน ฉันทำไม่ได้ สายเกินไปที่จะเริ่ม เร็วเกินไปที่จะเริ่ม ญาติต่อต้าน ยากเกินไป บางที บางส่วนหรือข้อโต้แย้งของคุณ)?

คำตอบ: ฉันไม่เคยงดเว้นเงินในการศึกษาด้วยตนเอง แต่ ข้อแก้ตัวเช่น "มันสายเกินไปที่จะเริ่มต้น" หรือ "ฉันทำไม่ได้" เป็นสิ่งที่ยอมรับไม่ได้สำหรับฉัน- ผู้ที่เดินจะเชี่ยวชาญถนน

คำถาม: คุณพยายามแก้ไขปัญหาอะไร คุณประสบปัญหาอะไรบ้างก่อนที่จะซื้อหลักสูตร

คำตอบ: ปัญหาหลักก่อนที่จะซื้อหลักสูตรคือระดับความรู้ของฉันเป็นศูนย์ ใช่ แน่นอน คุณสามารถดูวิดีโอมากมายบน YouTube ได้ฟรี คุณจะไม่ต้องเสียเงินที่นี่ แต่คุณจะใช้เวลาอย่างมีค่าที่สุด นั่นก็คือเวลา วิดีโอส่วนใหญ่บน YouTube มีเนื้อหาเยอะมาก เนื่องจากผู้เขียนพยายามสร้างวิดีโอให้นานที่สุดเพื่อสร้างรายได้จากการโฆษณา

คำถาม: คุณคิดอะไรในช่วงเริ่มต้นการเดินทางของคุณ?

คำตอบ: ฉันพบมันบนอินเทอร์เน็ต ในเวลานั้นฉันต้องการสร้างเว็บไซต์แกลเลอรีอย่างเร่งด่วนและฉันซื้อหลักสูตรแรกในรูปแบบ ฉันล้มเหลวในโครงการนั้น - ฉันขาดความรู้ ฉันสามารถสร้างเลย์เอาต์ได้ ฉันยังติดตั้ง JQuery อีกด้วย แต่แล้วความรู้ของฉันก็หมดลง ฉันต้องการแผงผู้ดูแลระบบ ฉันต้องจัดเก็บข้อมูลที่ไหนสักแห่ง ที่นี่เป็นที่ที่ฉันคุ้นเคยกับรูปแบบ MVC และต้องการเชี่ยวชาญ PHP (ไม่มีปัญหากับ MySQL เนื่องจากลักษณะงานของฉันฉันจึงคุ้นเคยกับ SQL เป็นอย่างดี ฉันมักจะต้องดึงข้อมูลจากฐานข้อมูลในบริบท ของคลังสินค้า ผู้รับเหมา ฯลฯ)

คำถาม: การเปลี่ยนแปลงใดเริ่มเกิดขึ้นเมื่อคุณเรียนรู้เกี่ยวกับหลักสูตรนี้

คำตอบ : พอทราบรายวิชาแล้วไม่มีการเปลี่ยนแปลงใดๆ เลย เลยซื้อวิชาหนึ่งก่อนแล้วจึงเริ่มเรียน ต่อด้วยวิชาที่สอง…. การเปลี่ยนแปลงเริ่มเกิดขึ้นในขณะที่ศึกษาเนื้อหาและการเปลี่ยนแปลงเหล่านี้ดีขึ้นอย่างแน่นอน

คำถาม: จะเกิดอะไรขึ้นหากคุณไม่สามารถแก้ไขปัญหาของคุณได้หากคุณไม่ได้ใช้ผลิตภัณฑ์ของเรา?

คำตอบ: ไม่น่าจะมีอะไรร้ายแรงเกิดขึ้น การพัฒนาเว็บไซต์เป็นงานอดิเรกของฉัน ฉันไม่ใช้เงินเพื่อมัน และฉันจะทำเฉพาะสิ่งที่น่าสนใจจริงๆ สำหรับฉันเท่านั้น โดยเฉพาะผลิตภัณฑ์ของคุณ พวกเขาเป็นผู้ชี้แนะฉันในโลกของการพัฒนาเว็บ เนื่องจากในช่วงเริ่มต้นของการเดินทาง ฉันเป็นเหมือนลูกแมวตาบอด ความรู้ของฉันเป็นศูนย์ และฉันไม่รู้ว่าจะไปที่ไหนและ จะทำอย่างไร. ฉันเชื่อว่าในช่วงเริ่มต้นการเดินทางของคุณ คุณเพียงแค่ต้องมีที่ปรึกษาเพื่อแสดงเส้นทางให้คุณ และหลักสูตรของคุณก็กลายเป็นที่ปรึกษาสำหรับฉัน ใช่ไม่ใช่ทุกอย่างจะได้ผลในทันที แต่สิ่งสำคัญคืออย่ายอมแพ้

คำถาม: คุณประสบความสำเร็จอะไรบ้าง?

คำตอบ: คุณประสบความสำเร็จอะไรบ้าง? ในเวลาเพียง 2 สัปดาห์ฉันก็เขียนเว็บไซต์ให้ ศูนย์บริการหัวเว่ยในคาซัคสถานขณะนี้ไซต์นี้ไม่สามารถใช้งานได้อีกต่อไป เนื่องจาก Huawei ได้รวมการส่งแอปพลิเคชันเข้ากับระบบของตนแล้ว เขียนเว็บไซต์สำหรับบริษัทขนส่งที่สามารถติดตามตำแหน่งของสินค้าทางออนไลน์ได้, เว็บไซต์ร้านค้าออนไลน์ , เว็บไซต์สำหรับน้องสาวของฉัน - เธอเป็นนักจิตวิทยาฝึกหัด ไม่มีอะไรพิเศษที่จะอวดได้ สำหรับฉัน นี่เป็นงานอดิเรกเป็นอันดับแรก

คำถาม: คุณรู้สึกอย่างไร? คุณกำลังคิดอะไรอยู่? คุณมีแผนอย่างไร?

คำตอบ: แผนสำหรับอนาคตคงไม่หยุดเพียงแค่นั้นและศึกษาเทคโนโลยีใหม่ ๆ ในการพัฒนาเว็บต่อไป บางทีฉันอาจจะลองลงมือทำดู แอปพลิเคชันมือถือถ้ามีเวลาเพียงพอ

ฉันชอบหลักสูตรและบทเรียนของ Andrei Kudlay มาก สำหรับฉัน เขาเป็นเพียงพ่อมดบนเว็บ

คำถาม:ประสบการณ์ชีวิต?

คำตอบ: ทุกอย่างเริ่มต้นด้วยเลย์เอาต์ ฉันเรียนรู้พื้นฐานทั้งหมดตั้งแต่เริ่มต้น และเริ่มรับออเดอร์อิสระง่ายๆ จากนั้นฉันก็ได้รู้จักกับ Joomla แต่ทำไมฉันถึงเข้ากันไม่ได้ ฉันไม่รู้ว่าทำไม ฉันเจอ Wordpress - แล้วเราก็พบกัน ฉันเริ่มศึกษา CMS นี้อย่างรอบคอบและทำงานอย่างใกล้ชิดกับมัน ศึกษา หลักสูตรฟรีจาก WFM ในการสร้างธีมตั้งแต่เริ่มต้น ฉันตัดสินใจซื้อหลักสูตร WordPress-Professional ทันที เนื่องจากมีหลักสูตรโบนัสสำหรับ PHP ด้วย ซึ่งฉันต้องการจริงๆ ในตอนนั้น ในกระบวนการศึกษาฉันรู้ว่าไม่ใช่ทุกอย่างจะซับซ้อนอย่างที่คิดและฉันก็เริ่มรับคำสั่งสำหรับการสร้างธีมสำหรับ WordPress ทีละน้อย ตอนนี้ฉันไม่ได้ดูการแลกเปลี่ยนอิสระ ฉันมีลูกค้าประจำของตัวเอง โปรไฟล์หลักคือการสร้างธีมสำหรับ Wordpress ตั้งแต่เริ่มต้น

คำถาม: อธิบายตัวเองในช่วงเริ่มต้นการเดินทางของคุณ?

คำตอบ: ในช่วงเริ่มต้นของการเดินทางมีข้อสงสัย - มีเงินบนอินเทอร์เน็ตในการทำงานอิสระหรือไม่?พูดตามตรง การเริ่มต้นไม่ใช่เรื่องง่าย ด้วยประสบการณ์เพียงเล็กน้อยและพอร์ตโฟลิโอที่ "ไม่หนา" ทำให้ต้องใช้เวลานานในการหาลูกค้า โดยทั่วไปแล้วฉันคิดสูตรบางอย่างสำหรับตัวเอง - ในตอนแรกทุกอย่างดูน่ากลัวเข้าใจยากเป็นไปไม่ได้ แต่ก็เพียงพอที่จะแบ่งงานใหญ่ออกเป็นขั้นตอนและเริ่มทำ - วิธีที่ทุกอย่างเริ่มได้ผลและมารวมกัน คุณเพียงแค่ต้องไม่กลัวและลงมือทำ - จะมีทางแก้ไขเสมอ

คำถาม: อธิบายตัวเองตอนนี้?

คำตอบ: ตอนนี้โปรไฟล์หลักของฉันกำลังสร้างธีม WordPress ตั้งแต่เริ่มต้น ฉันไม่ได้ดูการแลกเปลี่ยนอิสระ ฉันมีลูกค้าและมีงานที่น่าสนใจอย่างต่อเนื่อง ฉันรู้แน่นอนว่าคุณสามารถสร้างรายได้บนอินเทอร์เน็ต มีความปรารถนาที่จะขยายความรู้ของคุณในสาขา PHP ดังนั้น ฉันซื้อหลักสูตรปริญญาโท PHP จากทีม WFM จาก Andrey Kudlay ฉันชอบหลักสูตรและบทเรียนของเขามาก เขาอธิบายเนื้อหาได้ดีมากนอกจากนี้ ฉันพบว่าหลักสูตร/บทเรียนของเขาน่าสนใจมากในการดู ไม่น่าเบื่อสำหรับฉันหรืออะไรสักอย่าง ฉันไม่รู้จะอธิบายยังไงให้ถูกต้อง แต่ระหว่างทางฉันเจอบทเรียนมากมายที่ฉันอยากจะหลับไปขณะรับชม)

คำถาม: คุณตัดสินใจซื้อหลักสูตรเมื่อถึงจุดใด

คำตอบ: ฉันเข้าใจว่าเพื่อการเติบโตต่อไป ฉันจำเป็นต้องมีความรู้ที่มีโครงสร้างชุดใหม่ ฉันกำลังมองหาหลักสูตร/บทเรียนสำหรับตัวเอง ในเวลานั้น ใน RuNet ฉันไม่เห็นคู่แข่งของ WFM ในหลักสูตร WordPress โดยทั่วไปแล้ว ฉันมองหาวัสดุที่มีคุณภาพที่จำเป็นสำหรับการพัฒนาอยู่เสมอ

คำถาม: คุณชอบอะไร?

คำตอบ: ฉันชอบหลักสูตรและบทเรียนของ Andrei Kudlay มาก สำหรับฉัน เขาเป็นเพียงพ่อมดบนเว็บ) เป็นที่น่าสังเกตว่าทักษะที่ยอดเยี่ยมในการอธิบายข้อมูลที่ซับซ้อนของเขา

คำถาม: คุณประสบความสำเร็จอะไรบ้าง?

คำตอบ: ฉันเจองานที่ฉันชอบจริงๆ ฉันพบคนที่น่าสนใจมากมายรอบตัวฉัน ฉันได้รับความรู้และทักษะที่สามารถขายได้อย่างอิสระ มีความมั่นใจในอนาคต การทำงานอิสระสำหรับฉันคืออิสระและโอกาสในการพัฒนาสร้างตัวเอง

ก่อนหน้านี้เทคโนโลยีเหล่านี้ดูเหมือนสูงเกินไปสำหรับฉัน

ฉันเริ่มต้นด้วยการฟังเพียงอย่างเดียว จากนั้นฉันก็พยายามสร้างไม่ใช่แม้แต่เว็บไซต์ และหน้าเรียบง่าย การเปลี่ยนแปลงโดยใช้คำสั่งสื่อ ฉันประสบความสำเร็จ

ฉันไม่รู้เลยว่าเลย์เอาท์แบบปรับได้คืออะไร สำหรับฉันทุกอย่างดูเหมือนเป็นป่ามืด สำหรับเว็บไซต์สำหรับ อุปกรณ์เคลื่อนที่ตอนนี้พวกเขาจ่ายเงินได้ดี โดยเฉลี่ยแล้วเว็บไซต์แบบปรับเปลี่ยนได้มีราคา 15,000 - 20,000 รูเบิลในเมืองของเรา ความปรารถนาที่จะเรียนรู้วิธีสร้างเว็บไซต์ดังกล่าวมีส่วนทำให้ได้รับหลักสูตรนี้

ฉันเข้าใจหลักการอย่างแน่นหนา รูปแบบที่ปรับเปลี่ยนได้- สาระสำคัญอยู่ที่การสืบค้นสื่อ การใช้คำสั่งสื่อทำให้คุณสามารถตั้งค่าความกว้างของหน้าสูงสุดหรือต่ำสุดได้ และสำหรับขนาดนี้ให้ลงทะเบียนคุณสมบัติ สีของข้อความ ขนาด ตำแหน่งของบล็อก ส่วนท้ายและส่วนหัวที่แตกต่างกันสำหรับขนาดหน้าที่แตกต่างกันหากเป็นรูปวาด

ฉันจำอะไรได้มากที่สุดจากหลักสูตร? ความพิถีพิถันฉันจะบอกว่าน่าเบื่อของ Andrey :-) ตอนแรกมันทำให้ฉันรำคาญ แต่ในทางกลับกันฉันชอบมัน และหลักการนำเสนอเนื้อหานั่นเอง ขั้นแรกเราออกแบบเว็บไซต์ อุดมการณ์ของเขาคือการจัดวางผ่านบล็อก จากนั้นเราก็เริ่มปรับเปลี่ยนโดยใช้การสืบค้นสื่อ

ฉันต้องการสร้างรายได้มากถึง 50,000 รูเบิลต่อเดือนด้วยการออกแบบเว็บไซต์แบบปรับเปลี่ยนได้ :-)

ฉันยังชอบโบนัสฟรีสำหรับหลักสูตรนี้ในรูปแบบของบทเรียน CSS3 ก่อนหน้านี้ เทคโนโลยีเหล่านี้ดูเหมือนสูงเกินไปสำหรับฉัน ตอนนี้หลังจากเรียนจบบทเรียนเหล่านี้แล้ว ฉันสามารถทำให้รูปภาพหมุนหรือขยับได้อย่างง่ายดายเมื่อฉันวางเมาส์ ทั้งหมดนี้ใช้ได้กับฉันหลังจากเรียนบทเรียน CSS3 จบแล้ว

...และก่อนที่ฉันจะยอมแพ้ ฉันเห็นวิดีโอบน YouTube จากทีมผู้เขียน WebForMyself ฉันดูเรื่องหนึ่งแล้วอีกเรื่องหนึ่งและไม่สามารถฉีกตัวเองออกไปได้

สวัสดี ฉันชื่อ Julia Rietfeld เป็นนักพัฒนาส่วนหน้าของกระทรวงยุติธรรมในประเทศเนเธอร์แลนด์

ฉันลังเลมากที่จะซื้อหลักสูตรเกี่ยวกับ Laravel ฉันทำงานเป็นนักออกแบบเลย์เอาต์และนักออกแบบกราฟิกมาเป็นเวลา 5 ปีแล้ว และสำหรับฉันดูเหมือนว่า PHP (และภาษาแบ็กเอนด์อื่นๆ) จะเป็นโดเมนของโปรแกรมเมอร์ที่ชาญฉลาดเสมอมา แต่เมื่อถึงจุดหนึ่ง เจ้านายของฉันบอกว่าฉันจำเป็นต้องเรียนรู้ PHP ด้วย เช่น Laravel เพื่อช่วยพัฒนาแอปพลิเคชัน ฉันสงสัยมานานแล้วว่าทฤษฎีที่ซับซ้อนเช่นนี้จะใช้ได้ผลหรือไม่ ในฐานะคนที่มีความคิดสร้างสรรค์ ฉันจะสร้างสิ่งที่ซับซ้อนและแม้แต่ใน PHP ได้อย่างไร

มันคุ้มไหมที่จะลงทุนเวลาและเงินมากมายขนาดนี้?

ฉันดูหลักสูตรเกี่ยวกับ Laravel บน lynda.com จากนั้น ฉันซื้อหลักสูตรหลายหลักสูตรเกี่ยวกับเฟรมเวิร์กนี้บน Udemy.com จากนั้นก็มีหลักสูตรบน pluralsight.com ทุกอย่างเป็นเรื่องยาก และไม่ใช่เรื่องของภาษาด้วยซ้ำ ฉันเรียนและทำงานเป็นภาษาอังกฤษมา 2 ทศวรรษแล้ว และก่อนที่ฉันจะยอมแพ้ ฉันเห็นวิดีโอของ Victor บน YouTube ฉันดูเรื่องหนึ่งแล้วอีกเรื่องหนึ่งและไม่สามารถฉีกตัวเองออกไปได้

แต่ตอนนี้หลังจากเรียนจบ 19 จาก 39 บทเรียน (50%) ของส่วนทางทฤษฎีของหลักสูตรเกี่ยวกับ Laravel แล้ว ฉันอยากจะพูดด้วยความมั่นใจอย่างเต็มที่ว่าความกลัวทั้งหมดของฉันก็ไร้ผล วิกเตอร์เพียงแต่คาดหวังคำถามและความคิดของฉัน เช่น 'จะเกิดอะไรขึ้นถ้า..' วิดีโอที่บันทึกไว้ใน คุณภาพดีเยี่ยมและรูปภาพที่เขาอธิบายว่าอะไร เช่น มิดเดิลแวร์คืออะไร สำหรับฉันในฐานะบุคคลที่มองเห็นภาพ มันเป็นเพียงความรอดเท่านั้น

ด้วยความเคารพและยอมรับ
จูเลีย ริฟเทลด์

ฉันได้เรียนรู้ว่าเลย์เอาต์ เซิร์ฟเวอร์เสมือน ฐานข้อมูล ภาษา PHP ฯลฯ คืออะไร และฉันรู้วิธีทำงานกับมัน

ฉันได้เรียนรู้ว่าเลย์เอาต์คืออะไร เซิร์ฟเวอร์เสมือน, ฐานข้อมูล, ภาษาพีพีพีฯลฯ และฉันรู้วิธีทำงานกับมัน ฉันรู้วิธีค้นหาข้อผิดพลาดหรือการพิมพ์ผิด วิธีเขียนกลไกให้ตรงกับความต้องการของฉัน วิธีเปลี่ยนแปลงและปรับปรุงให้ทันสมัย

ที่สำคัญที่สุด นอกเหนือจากการนำเสนอเนื้อหาคุณภาพสูงแล้ว ฉันชอบสไตล์การนำเสนอด้วย เพราะ อย่างไรก็ตามเราศึกษาเนื้อหาด้วยตัวเองจึงต้องทบทวนหลายจุดหลายครั้ง ฉันชอบที่รายวิชามีโครงสร้างบทเรียนที่ชัดเจน รู้ได้ทันทีว่าต้องเรียนซ้ำบทเรียนไหนจึงจะเคลียร์คำถามได้ ฉันศึกษาการบันทึกเป็นเวลาหลายชั่วโมงและไม่เบื่อที่จะฟัง: เสียงของผู้เขียนหลักสูตรไพเราะสงบและไม่รีบร้อน นี่เป็นสิ่งสำคัญมากสำหรับฉัน

ฉันอยากให้รีวิวของฉันช่วยเหลือผู้คนจำนวนมากที่กำลังค้นหาตัวเอง เลือกทิศทางของกิจกรรมใหม่ หรือเพียงแค่เลือกหลักสูตรเพื่อพัฒนาทักษะของพวกเขา

จากผู้เขียน:สวัสดีเพื่อนๆ! เช่นเดียวกับผู้คน เว็บไซต์ก็มีโครงสร้างของตัวเอง ซึ่งสามารถเห็นได้ในโค้ดของพวกเขา ผู้ใช้ทั่วไปในขณะที่ "เดิน" บนอินเทอร์เน็ตไม่น่าจะดูโค้ด HTML ได้ แต่ไม่ใช่นักออกแบบเลย์เอาท์ พวกเขามักจะสนใจที่จะดูผลงานของคนอื่นอยู่เสมอ มีศิลปะในการสร้างโค้ดที่เรียบร้อย สมดุล และใช้ได้กับทุกเบราว์เซอร์ วันนี้เราจะพูดคุยกับคุณเกี่ยวกับวิธีทำความเข้าใจหรือกล่าวอีกนัยหนึ่งคือวิธีเรียนรู้เค้าโครงหน้าเว็บอย่างรวดเร็วและมีประสิทธิภาพ

เค้าโครงเริ่มต้นที่ไหน?

เค้าโครงเว็บไซต์คือคำอธิบายองค์ประกอบภาพโดยใช้โค้ดโปรแกรม ในเวลาเดียวกัน ไซต์จะต้องดูและทำงานอย่างถูกต้องบนเบราว์เซอร์ใดๆ ก็ตาม (สามารถใช้งานข้ามเบราว์เซอร์ได้) การเรียนรู้วิธีการออกแบบเว็บไซต์ตั้งแต่เริ่มต้นควรเริ่มต้นด้วย การสร้างตนเองเค้าโครง PSD แม้ว่าตามทฤษฎีแล้วควรสร้างขึ้นโดยนักออกแบบเว็บไซต์ก็ตาม

งานหลักของนักออกแบบเลย์เอาต์คือการประมวลผลวัสดุที่มาถึงเขาในรูปแบบของข้อความ รูปภาพ แคตตาล็อก ฯลฯ และเปลี่ยนให้เป็นหน้าเว็บตามการออกแบบเว็บที่ได้รับอนุมัติ

อย่างไรก็ตาม ลองจินตนาการว่าคุณเป็นนักออกแบบเลย์เอาต์แบบ “ทูอินวัน” และด้วยเหตุผลบางอย่าง คุณต้องจัดเลย์เอาต์เลย์เอาต์แทนนักออกแบบที่ไม่สนใจปัญหาของคุณ

เพื่อที่จะเรียนรู้วิธีวาดเลย์เอาต์ได้อย่างรวดเร็ว ไม่ว่าจะฟังดูเล็กน้อยแค่ไหน คุณเพียงแค่ต้องวาดมันให้มาก นอกจากนี้ยังจะช่วยคุณได้มากในการดูงานของผู้อื่นอย่างไม่สิ้นสุด ในขณะเดียวกัน ให้ใส่ใจกับรายละเอียดเล็กๆ น้อยๆ ทั้งหมด สี การไล่ระดับสี แบบอักษร การเยื้อง ฯลฯ

เมื่อเวลาผ่านไป คุณจะเริ่มรู้สึกว่าตัวเองเห็นว่าอะไรสวยงามและสิ่งที่ไม่สวยงาม ในตอนแรก คุณสามารถคัดลอกองค์ประกอบอินเทอร์เฟซของผู้อื่นได้ เช่น สิ่งนี้จะทำให้คุณคิดว่าองค์ประกอบเหล่านี้ถูกสร้างขึ้นมาอย่างไรและประกอบขึ้นจากอะไร แล้ว การออกแบบที่สวยงามจะเลิกเป็นสิ่งที่เป็นตำนานสำหรับคุณเพราะคุณจะรู้วิธีสร้างสิ่งที่คล้ายกัน

เครื่องมือสำหรับสร้างเค้าโครงเว็บไซต์

ในส่วนของเครื่องมือที่นักออกแบบเว็บไซต์หลายคนใช้ อะโดบี โฟโต้ช็อป- ด้วยโปรแกรมนี้คุณสามารถทำอะไรก็ได้ที่คุณต้องการ

มีคนที่ทำงานด้วยเท่านั้น กราฟิกแบบเวกเตอร์และใช้ Adobe Illustrator เพื่อสร้างเค้าโครง
และอีกหนึ่งโปรแกรมแก้ไขที่ฉันไม่ได้ลองใช้ แต่มีข่าวลือว่าเป็นทางเลือกที่คุ้มค่ากว่าที่กล่าวมาข้างต้นคือ Sketch แต่จะใช้งานได้บน Mac OS เท่านั้น

เจอกันครับ - HTML

ขั้นตอนต่อไปหลังจากวาดเค้าโครงคือเค้าโครงและการสร้างเทมเพลต HTML HTML เป็นภาษาที่ใช้ในการมาร์กอัปเอกสารบนอินเทอร์เน็ต และได้รับการตีความโดยเบราว์เซอร์เพื่อให้แสดงเป็นเอกสารได้ง่าย
ด้วยการใช้มาร์กอัป HTML เราทำเครื่องหมายตำแหน่งที่ข้อความ รูปภาพ ปุ่มจะปรากฏบนหน้าเว็บ และตามลำดับที่จะปรากฏติดกัน แนวคิดหลักในภาษานี้คือ แท็ก คุณลักษณะ องค์ประกอบ และเอนทิตี

ทรัพยากรบนเว็บขั้นพื้นฐานที่สุดไม่มีอะไรมากไปกว่าชุดของเพจ HTML หากไซต์เป็นแบบคงที่ หลังจากเค้าโครงแล้ว คุณจะได้รับเวอร์ชันสุดท้ายจริง ๆ ไม่ใช่แค่เทมเพลต ปัจจุบันไซต์ดังกล่าวหายากมาก หน้าเว็บสมัยใหม่ทั้งหมดถูกสร้างขึ้นแบบไดนามิก โดยใช้ตรรกะฝั่งเซิร์ฟเวอร์บางประเภท ซึ่งคุณจะเขียนเองหรือใช้สำเร็จรูปโดยใช้ CMS (ระบบจัดการเนื้อหา) บางประเภท

หากไม่มีตรรกะของเซิร์ฟเวอร์นี้ บริการออนไลน์ส่วนใหญ่ที่เราใช้ทุกวันและที่เราคุ้นเคยคงเป็นไปไม่ได้ สำหรับ HTML มันเป็นภาษาที่เรียบง่ายโดยสิ้นเชิง

บน RuNet มีบทเรียนที่ต้องเสียค่าใช้จ่ายจำนวนมากเกี่ยวกับการออกแบบเว็บไซต์และสื่ออื่นๆ พร้อมฐานการฝึกอบรมที่เหมาะสม ในความคิดของฉัน การเรียนรู้ภาษานี้ด้วยตัวเองไม่ใช่ปัญหาแต่อย่างใด

เริ่มดีขึ้น – CSS

เมื่อคุณเข้าใจแล้ว พื้นฐาน HTMLคุณสามารถเริ่มเรียนรู้ CSS (สไตล์ชีตแบบเรียงซ้อน) ได้ทันที ซึ่งช่วยให้คุณตั้งค่าแบบอักษร สี และตำแหน่งของบล็อกเว็บไซต์แต่ละบล็อกได้

ใน CSS ฉันสามารถแนะนำสิ่งที่ดีที่จะช่วยให้คุณสร้างอาชีพในฐานะนักออกแบบเลย์เอาท์ได้ แม้ว่าคุณจะไม่มีความรู้พื้นฐานเกี่ยวกับการออกแบบเว็บและเลย์เอาต์ก็ตาม

อย่างไรก็ตาม ฉันขอเตือนคุณว่าการฝึกอบรมเพื่อเป็นนักออกแบบเว็บไซต์ไม่ใช่เรื่องง่าย มีรายละเอียดปลีกย่อยและความแตกต่างมากมายในเค้าโครง โดยทั่วไป เพื่อให้คุณสามารถดูเค้าโครงและจินตนาการถึงลำดับชั้นขององค์ประกอบได้ทันที ว่าสามารถจัดวางได้อย่างไรและใช้คุณสมบัติใด ทั้งหมดนี้ต้องใช้ประสบการณ์เชิงปฏิบัติอย่างมาก

จำเป็นต้องเรียนรู้แท็ก HTML/CSS คุณลักษณะ และคุณสมบัติทั้งหมดหรือไม่

มีแท็กและแอตทริบิวต์ที่แตกต่างกันมากมายใน HTML และคุณสมบัติใน CSS ที่สามารถมีความหมายต่างกันได้ ดังนั้นผู้เริ่มต้นจำนวนมากจึงกังวลกับคำถาม: จะเริ่มออกแบบเว็บไซต์ได้ที่ไหน และพวกเขาจำเป็นต้องจดจำค่า แท็ก และคุณสมบัติเหล่านี้ทั้งหมดหรือไม่

แน่นอนว่า หากคุณมีความทรงจำเกี่ยวกับภาพถ่ายที่มีเอกลักษณ์เฉพาะตัว มันก็ไม่ใช่เรื่องยากสำหรับคุณที่จะเรียนรู้ทั้งหมดนี้ และในขณะเดียวกันก็เรียนรู้เกี่ยวกับสงครามและสันติภาพทั้งสามเล่มด้วยใจจริง ไม่เช่นนั้นก็ไม่จำเป็นต้องจำคำศัพท์เหล่านี้ทั้งหมด

ในตอนแรก เมื่อคุณเพิ่งเริ่มใช้ CSS คุณจะยังคงดูว่าแต่ละคุณสมบัติทำอะไรและแต่ละค่าของคุณสมบัติทำอะไร เมื่อเวลาผ่านไป คุณจะเข้าใจสิ่งที่คุณสามารถสร้างได้โดยใช้สไตล์ชีตแบบเรียงซ้อน และคุณสมบัติ/ค่าเหล่านี้บางส่วนจะติดอยู่ในหัวของคุณ แน่นอนว่าเว้นแต่คุณจะเป็นโรคความจำเสื่อม

เช่นเดียวกับภาษาอื่นๆ รวมถึง JavaScript, PHP ฯลฯ ทุกสิ่งที่คุณใช้บ่อยๆ จะถูกจดจำด้วยตัวเอง คุณสามารถค้นหาทุกสิ่งที่คุณไม่ค่อยได้ใช้ในไดเร็กทอรี ซึ่งมีมากมายบนอินเทอร์เน็ต ไม่มีอะไรน่าละอายในเรื่องนี้และฉันจะบอกความลับแก่คุณเว็บมาสเตอร์ทุกคนก็ทำเช่นนี้

เราทำให้กระบวนการจัดวางง่ายขึ้น

สำหรับกรณีเหล่านั้นเมื่อคุณต้องการสร้างอินเทอร์เฟซหรือต้นแบบของเว็บไซต์อย่างรวดเร็ว มีเฟรมเวิร์ก CSS เช่น Bootstrap ช่วยให้คุณเป็นเว็บมาสเตอร์ โปรแกรมเมอร์เว็บ และนักออกแบบเลย์เอาต์ ทั้งหมดรวมอยู่ในที่เดียวโดยไม่ต้องมีความรู้เกี่ยวกับสไตล์ชีท ภาษาโปรแกรม และมาร์กอัปไฮเปอร์เท็กซ์

เมื่อคุณเชี่ยวชาญ CSS เป็นอย่างดีและเริ่มสร้างสิ่งที่มีเอกลักษณ์ คุณอาจไม่มีความยืดหยุ่นในภาษานี้เพียงพออีกต่อไป และคุณจะต้องการใช้ตัวประมวลผลล่วงหน้า CSS บางประเภท ตัวประมวลผลล่วงหน้าจะถูกลบออกจากโค้ด ซีเอสเอสทั้งหมดขยะ ทำให้มันสะอาดขึ้นและมีเหตุผลมากขึ้น เพิ่มระดับของนามธรรมด้วยความช่วยเหลือของตัวแปรและ "เทคนิค" อื่น ๆ โปรเซสเซอร์ล่วงหน้าที่ได้รับความนิยมมากที่สุด ได้แก่ LESS, Sass และ Stylus

ไม้ลอย--JavaScript

เมื่อคุณเรียนบทเรียนการออกแบบเว็บไซต์ขั้นสูง คุณจะพบกับองค์ประกอบ JavaScript ที่ฝังอยู่ใน HTML ที่ทำให้หน้าเว็บโต้ตอบได้ หากคุณวางแผนที่จะไม่เพียงแต่ Back-end เท่านั้น แต่ยังรวมถึงการพัฒนา Front-end ด้วย คุณจำเป็นต้องรู้จัก JavaScript ในระดับที่ดีมาก

นอกจากภาษาแล้ว คุณจำเป็นต้องรู้โครงสร้างพื้นฐานทั้งหมดที่มีอยู่รอบตัว (ไลบรารี เฟรมเวิร์ก อินเทอร์เฟซของเบราว์เซอร์ ฯลฯ) อาจใช้เวลาหนึ่งปีถึงอนันต์ในการฝึกฝนองค์ประกอบเหล่านี้ทั้งหมด (ขึ้นอยู่กับว่าคุณมีชีวิตส่วนตัวหรือไม่)

มาสรุปกัน

ฉันหวังว่าจะเข้าใจอย่างที่คุณมีอยู่แล้ว นักออกแบบเลย์เอาต์เป็นอาชีพทางอินเทอร์เน็ตที่สำคัญและเก่าแก่ซึ่งขึ้นอยู่กับ:

ความเร็วในการโหลดไซต์

ความเพียงพอของการเป็นตัวแทนใน เบราว์เซอร์ที่แตกต่างกัน;

การปรับตัวให้เข้ากับความแตกต่าง หน้าจอที่กำหนดเอง;

การปฏิบัติตามมาตรฐาน HTML และข้อกำหนดของเครื่องมือค้นหา

นั่นคือทั้งหมดสำหรับตอนนี้ อย่าลืมสมัครรับข่าวสารในบล็อกของเรา เพื่อที่คุณจะได้ไม่พลาดความสนุกในการเรียนรู้วิธีการออกแบบเว็บไซต์ตั้งแต่เริ่มต้น

พบกันใหม่เพื่อนร่วมงานที่รักและผู้ที่เพิ่งเริ่มต้นเส้นทางการพัฒนาเว็บไซต์ที่ยากลำบาก แต่น่าตื่นเต้นมาก!


สวัสดีทุกคนที่ยังคงสนใจบทความเหล่านี้และโดยทั่วไปแล้วบล็อกนี้โดยรวม :) มันบังเอิญว่าฉันไม่ได้เขียนเป็นเวลานานมาก ฉันจะไม่แก้ตัวตอนนี้ ฉันจะเขียนบทความแยกต่างหากในภายหลัง และตอนนี้ ตามความต้องการที่ได้รับความนิยม “CSS ตั้งแต่เริ่มต้น: การบรรยายครั้งแรก” ให้ฉันบอกคุณก่อนว่าคุณจะได้เรียนรู้อะไรจากการบรรยายนี้: “CSS คืออะไร”, “มีไว้เพื่ออะไร”, “ใช้งานอย่างไร” ?”.

ซีเอสเอสคืออะไร?

CSS เป็นภาษาสไตล์ที่รับผิดชอบในการแสดงองค์ประกอบและไม่เพียงแต่ในเอกสาร HTML เท่านั้น (เช่น CSS ใช้ในการกำหนดคุณสมบัติขององค์ประกอบใน Qt) จำการบรรยายได้ไหม? ดังนั้น หากคุณเรียนรู้ CSS ในระดับที่เหมาะสม คุณจะไม่จำเป็นต้องใช้แอตทริบิวต์เพิ่มเติมสำหรับองค์ประกอบต่างๆ อีกต่อไป อย่างไรก็ตาม เมื่อคุณตัดสินใจเรียนรู้ CSS คงจะดีถ้ารู้ว่านี่คือตัวย่อและย่อมาจาก สไตล์ชีทแบบเรียงซ้อน- CSS เป็นส่วนสำคัญ เค้าโครงบล็อกซึ่งฉันได้กล่าวถึงใน HTML สุดท้ายจากการบรรยาย Scratch

CSS มีไว้เพื่ออะไร?

CSS ใช้เพื่อกำหนดลักษณะเฉพาะให้กับเพจ หรือพูดโดยทั่วไปคือ ให้กับไซต์ CSS ช่วยปรับโครงสร้างของเว็บไซต์ให้เหมาะสม ลดน้ำหนักของหน้า และยังทำให้ง่ายต่อการเปลี่ยนรูปลักษณ์ของเว็บไซต์ (ฉันจะให้ข้อโต้แย้งและข้อเท็จจริงทั้งหมดของเรื่องนี้ในการบรรยายครั้งต่อไป)

จะใช้ซีเอสเอสได้อย่างไร?

คำถามแปลก ๆ ยอดนิยม: “จะติดตั้ง CSS ได้อย่างไร?”, “จะสร้าง CSS ได้อย่างไร?”สบายใจได้เลย CSS ถูกสร้างขึ้นโดยไม่มีเรา และคุณไม่จำเป็นต้องติดตั้งอะไรเลย :) ทุกอย่างง่ายกว่าที่คิด เอาล่ะ HTML ง่าย ๆหน้าหนังสือ:

หน้าด้วย CSS ข้อความธรรมดา

ทุกอย่างง่ายกว่าที่คิดใช่ไหม? และทั้งหมดเป็นเพราะ CSS ถูกรวมเข้ากับทุกสิ่ง เบราว์เซอร์ที่ทันสมัย- CSS นั้นเรียบง่ายและมองเห็นได้ชัดเจน ซึ่งช่วยให้คุณคุ้นเคยและตกหลุมรักมันได้อย่างรวดเร็ว :)

แซนด์บ็อกซ์

เลโอนิด ยาคูโบวิช 26 พฤษภาคม 2558 เวลา 11:18 น

การฝึกอบรม HTML/CSS/JS

  • ซีเอสเอส
  • HTML,
  • จาวาสคริปต์
ยูทูป
  • www.youtube.com/user/agragregra- มาก ช่องที่น่าสนใจซึ่งจะช่วยให้คุณดีขึ้นในการสร้างเว็บไซต์ที่มีความซับซ้อนหลากหลายตั้งแต่เริ่มต้น
  • www.youtube.com/user/ArtSorax- เนื้อหาที่มีประโยชน์มากมายสำหรับผู้เริ่มต้น เน้นที่ CSS และ JS
  • www.youtube.com/user/WebMagistersRu- โดยส่วนตัวแล้วฉันเริ่มคุ้นเคยกับสภาพแวดล้อมการพัฒนาเว็บไซต์จากช่องนี้ ทุกสิ่งทุกอย่างได้รับการบอกเล่าด้วยภาษาที่เข้าถึงได้และเข้าใจได้ ซึ่งเป็นพื้นฐาน
  • www.youtube.com/user/loftblog- ทีม LoftBlog สัมภาษณ์ผู้เชี่ยวชาญด้านไอทีและนักพัฒนาที่มีความมุ่งมั่นและเป็นที่ยอมรับ และยังจัดการฝึกอบรมผ่านวิดีโอ
  • www.youtube.com/user/TheSWAT727- ช่องวิดีโอประกอบด้วยข้อมูลและสื่อการฝึกอบรมเกี่ยวกับการพัฒนาเว็บโดยทั่วไป ครอบคลุมถึง Front-end, Back-end, บทวิจารณ์โปรแกรมแก้ไขข้อความ ฯลฯ ข้อมูลที่เป็นประโยชน์สำหรับนักพัฒนาและนักออกแบบมือใหม่
แหล่งข้อมูลทางอินเทอร์เน็ต
  • htmlbook.ru เป็นศาลเจ้าสำหรับผู้เชี่ยวชาญมือใหม่ ทรัพยากรนี้มีข้อมูลจำนวนมากในรูปแบบ + ฟอรัมที่เข้าถึงและเข้าใจได้ ฉันขอแนะนำให้เริ่มทำความคุ้นเคยกับ HTML/CSS ที่นี่
  • webdesign-master.ru - เว็บไซต์การศึกษาเพื่อความคุ้นเคยที่ลึกซึ้งยิ่งขึ้นเกี่ยวกับการออกแบบและเค้าโครงเว็บ
  • Learn.javascript.ru - ชื่อของเว็บไซต์พูดเพื่อตัวเอง ฉันแนะนำให้คุณเริ่มเรียนรู้หลังจากทำความคุ้นเคยกับพื้นฐานของ HTML5/CSS3 แล้ว
บริการ
  • www.codecademy.com เป็นบริการภาษาอังกฤษที่คุณสามารถทดสอบความรู้ของคุณในทางปฏิบัติ ทุกอย่างเป็นไปตามสัญชาตญาณและความรู้เชิงลึก ภาษาอังกฤษจะไม่จำเป็น;
  • htmlacademy.ru เป็นบริการภาษารัสเซียที่เน้นการปฏิบัติ + ทฤษฎีเล็กๆ น้อยๆ แหล่งข้อมูล หลักสูตร และการมอบหมายงานที่น่าสนใจมาก
  • jsfiddle.net คือ “แซนด์บ็อกซ์” สำหรับนักพัฒนาเว็บ ที่นี่คุณสามารถเขียนโค้ดออนไลน์และเห็นผลได้ทันที บริการจะช่วยคุณชี้ให้เห็นข้อผิดพลาด
  • validator.w3.org - ที่นี่คุณสามารถตรวจสอบความถูกต้องของโค้ดเพื่อแก้ไขข้อผิดพลาดหรือข้อบกพร่องในโค้ด HTML
  • jigsaw.w3.org/css-validator - บริการที่คล้ายกันซึ่งออกแบบมาเพื่อตรวจสอบความถูกต้องของโค้ด CSS

บรรทัดล่าง

มีประโยชน์มากมายถูกต้องและ ข้อมูลที่จำเป็นแต่กลับไม่มีประโยชน์อีกต่อไป เรียนรู้ ฝึกฝน เขียนโค้ด

แท็ก: การฝึกอบรม, สื่อ, เว็บไซต์, การพัฒนาเว็บไซต์

มันค่อนข้างคงที่ จึงไม่น่าแปลกใจที่จำนวนคนที่อยากเชี่ยวชาญงานฝีมือนี้มีจำนวนเพิ่มมากขึ้น นอกจากนี้ ในความคิดของฉัน นี่เป็นหนึ่งใน “เส้นทางสู่การเข้าถึงไอที” ที่ง่ายที่สุด แม้ว่าสิ่งสำคัญคือต้องเข้าใจว่าเพื่อให้ได้ผลลัพธ์ที่ดี คุณจะต้องเป็นมืออาชีพ - นอกเหนือจากการมีความรู้แล้ว คุณต้องจัดระบบและปรับปรุงทักษะของคุณให้ทันสมัยอยู่เสมอ "อยู่ในกระแส" เสมอ และใช้เฉพาะวิธีการที่ทันสมัยที่เกี่ยวข้องเท่านั้น

เช่นเดียวกับอาชีพอื่นๆ การเรียนรู้การออกแบบเว็บไซต์เริ่มต้นจากศูนย์ - ด้วยแนวคิดและทฤษฎีพื้นฐาน เราจะพูดถึงพวกเขาวันนี้ โดยเฉพาะผมจะถือว่าสุดยอด บริการที่เป็นประโยชน์อินเทอร์เน็ตเป็นเรื่องยาก ซึ่งฉันแนะนำ 100% สำหรับผู้เริ่มต้นทุกคน

ฉันไม่รู้ว่ามหาวิทยาลัยสมัยใหม่มีพื้นที่คล้ายกันหรือไม่ แต่ฉันคิดว่ามหาวิทยาลัยเฉพาะทางมีสิทธิพิเศษในด้านนี้ หลักสูตรออนไลน์หรือศึกษาเค้าโครงด้วยตนเอง วิธีแรกนำเสนอแนวทางที่ครอบคลุมและจริงจังมากขึ้น แต่วิธีที่สองนั้นฟรีโดยสิ้นเชิง เมื่อพิจารณาถึงการพัฒนาบล็อกเฉพาะเรื่องและช่องวิดีโอ ตอนนี้ไม่มีปัญหาในการค้นหาข้อมูล

โดยส่วนตัวแล้ว ฉันเริ่มต้นด้วยหนังสือง่ายๆ (และกระดาษ) เกี่ยวกับ HTML/CSS จากนั้นก็มีการฝึกอบรมหลายปี และเมื่อเวลาผ่านไป ฉันตัดสินใจที่จะรวบรวม / จัดระบบความรู้ด้วยความช่วยเหลือของบางหลักสูตร มีให้เลือกมากมายจริงๆ แม้ว่าตัวเลือกทั้งหมดจะไม่คุ้มค่าก็ตาม ฉันเข้ารับการฝึกอบรมออนไลน์เรื่องเลย์เอาต์ที่บริษัท Netology พวกเขากำลังรับสมัครกลุ่มต่อไป

ข้อดีของหลักสูตรคือสามารถให้ความรู้แบบทีละขั้นตอนและมีประสิทธิภาพผ่าน:

  • การบรรยายที่ให้ข้อมูลซึ่งรวบรวมโดยผู้เชี่ยวชาญชั้นนำและนักออกแบบเลย์เอาต์ฝึกหัด
  • ตัวอย่างที่ชัดเจนและมีภาพประกอบดี
  • งานภาคปฏิบัติเพื่อรวมวัสดุ

โดยเฉพาะอย่างยิ่งใน Netology ทุกอย่างเกิดขึ้นในรูปแบบของการสัมมนาผ่านเว็บพร้อมโอกาสในการถามคำถาม มีการบ้าน วิทยานิพนธ์ และใบรับรองการสำเร็จการฝึกอบรม สรุปทุกอย่างจริงจัง คุณสมบัติเพิ่มเติมดังกล่าวทำให้หลักสูตรออนไลน์มี "ผลกำไร" มากขึ้นและค่าใช้จ่ายเป็นเพียงการลงทุนในตัวคุณเอง

หากมีข้อสงสัย ให้มองหาสื่อการสอนฟรีในบางไซต์ ตามกฎแล้ว คุณสามารถรับชั้นเรียนหรือบทความทางการศึกษาสองสามรายการเพื่อใช้อ้างอิงในลักษณะนั้น แน่นอนว่ายังมีแหล่งข้อมูลทางเว็บด้านการศึกษาอื่นๆ อีกมากมายที่คุณไม่จำเป็นต้องจ่ายเงินเพื่อเข้าใช้งาน

อินเทอร์เน็ตเป็นบริการการเรียนรู้รูปแบบยาก

สุดท้ายนี้ เรามาดูโปรเจ็กต์ Interneting is Hard กันดีกว่า - มันเจ๋งมากจริงๆ! หลักสูตรนี้เป็นหลักสูตรที่ครอบคลุมเต็มรูปแบบสำหรับการเรียนรู้ HTML และ CSS สำหรับผู้เริ่มต้นที่ไม่เคยพยายามเข้าใจรายละเอียดโครงสร้างของหน้าเว็บและการพัฒนา หากคุณไม่รู้ว่าจะเริ่มเรียนรู้เลย์เอาต์จากที่ไหน มาที่นี่ 100%

สิ่งที่คุณต้องมีในการเริ่มต้นคือแรงจูงใจและความรู้ภาษาอังกฤษ ปัญหาเกี่ยวกับองค์กรจะไม่มีปัญหา - นักพัฒนาได้จัดทำบางสิ่งเช่น "หลักสูตร" ซึ่งรวมถึง:

  • 14 บทพร้อมเนื้อหาที่ลึกซึ้งอย่างค่อยเป็นค่อยไป
  • ตัวอย่างโค้ดที่ชัดเจน 284 รายการ;
  • แผนภูมิและกราฟ
  • เกือบ 43,000 คำ;
  • เทคโนโลยีสมัยใหม่ (ใช่แล้ว มี Flexbox ด้วย)

คุณสมบัติและคำแนะนำในการให้บริการ

กระบวนการเรียนรู้เค้าโครง HTML ใน Interneting นั้นยาก มีข้อดีหลายประการเมื่อเปรียบเทียบกับโครงการอื่นที่คล้ายคลึงกัน:

1. แผนภาพที่สวยงามแสดงให้เห็นแง่มุมที่ยากของวิชา ทำให้โครงสร้างที่เข้าใจยากมีความชัดเจนและเรียบง่าย แทนที่จะรวบรวมแนวคิดที่ไม่คุ้นเคยมากมายไว้ในหัว การเห็นภาพเหล่านั้นด้วยวิธีพื้นฐานที่สุดเช่นเดียวกับที่ผู้เขียนหลักสูตรทำก็เพียงพอแล้ว

2. กระบวนการฝึกอบรมเกี่ยวข้องกับเทคนิคการจัดวางสมัยใหม่ทั้งหมด: การพิมพ์เว็บ, ความหมาย HTML, การสร้างการออกแบบและภาพประกอบที่ตอบสนอง เช่นเดียวกับ Flexbox พวกเขาจะช่วยให้ผู้เริ่มต้นกลายเป็นผู้เชี่ยวชาญที่เป็นที่ต้องการและเป็นมืออาชีพในการรีเฟรชความรู้

3. ตัวอย่างภาพประกอบแสดงให้เห็นถึงแนวคิดพื้นฐานของเนื้อหาที่นำเสนอผ่านสถานการณ์เฉพาะ ซึ่งหมายความว่าผู้ใช้ไม่จำเป็นต้องอ่านข้อความ "แคนวาส" อย่างไม่มีที่สิ้นสุด แนวทางนี้มักจะนำไปสู่ความเบื่อหน่าย ซึ่งท้ายที่สุดนำไปสู่การละทิ้งการศึกษา

ตามด้วยการเขียนโค้ดทุกๆ 2-3 ย่อหน้าและนำเสนอวิธีการทำงาน ดังนั้น ผู้เชี่ยวชาญในอนาคตได้รับการฝึกฝนครั้งแรกในโปรแกรมแก้ไขข้อความและตรวจสอบผลลัพธ์ในเบราว์เซอร์

4. ตัวเลือกนี้การฝึกอบรมการออกแบบเว็บไซต์นั้นฟรีอย่างสมบูรณ์ เมื่อเริ่มเรียน HTML หลายๆ คนยังลังเลว่านี่คือสิ่งที่พวกเขาอยากทำจริงๆ หรือไม่ และหากหลักสูตรแบบชำระเงินอาจทำให้คุณเสียใจกับการสูญเสียเงินไป Interneting is Hard จะให้ความรู้สูงสุดแก่คุณโดยไม่ต้องเสียเงินสักบาทหนึ่งเป็นการตอบแทน

ส่วนต่างๆ สำหรับการเรียนรู้เค้าโครงทีละขั้นตอน

ดังที่ได้กล่าวไปแล้วข้างต้น “หลักสูตร” ประกอบด้วย 14 ช่วงตึก มาดูกันอย่างรวดเร็ว:

  1. การแนะนำ- ส่วนเบื้องต้นที่อธิบายว่า HTML, CSS และ . นอกจากนี้ยังอธิบายความแตกต่างระหว่างเฟรมเวิร์กและภาษา และยังแสดงวิธีการทำงานอีกด้วย โปรแกรมแก้ไขข้อความอะตอม.
  2. หน้าเว็บพื้นฐาน- บทที่สองแสดงโครงสร้างของเว็บเพจพื้นฐาน โครงสร้าง HTML หรือ “โครงกระดูก” ของเว็บไซต์ แสดงไว้ที่นี่ ผู้เยี่ยมชมจะได้เรียนรู้ว่าเหตุใดจึงต้องมีแท็ก แท็กคืออะไร และแต่ละแท็กมีไว้เพื่ออะไร
  3. ลิงค์และรูปภาพ- เมื่อทราบพื้นฐานของการออกแบบแล้ว ส่วนที่สามจะแนะนำให้ผู้ใช้จัดเรียงรูปภาพและเชื่อมโยงหน้าเว็บเข้าด้วยกัน
  4. สวัสดี CSS- ถัดมาเป็นสไตล์ชีตที่เรียกว่า แนวคิดนี้รวมทุกอย่างที่เกี่ยวข้องกับการออกแบบ: แบบอักษร สี ตำแหน่ง รูปร่าง และขนาดของข้อความ
  5. โมเดลกล่อง- บทที่ห้าของหลักสูตรยังคงดำเนินต่อไปในหัวข้อการออกแบบ โดยพูดถึงรูปแบบเนื้อหาแบบ "บล็อก" นักออกแบบเลย์เอาต์ในอนาคตจะคุ้นเคยกับสิ่งต่างๆ เช่น ระยะขอบ เส้นขอบ ขอบภายในและเนื้อหาเนื้อหา
  6. ตัวเลือก CSS- กล่องจะตามด้วยตัวเลือก - พื้นฐานของ CSS การใช้ตัวอย่างโค้ดในตัวแก้ไข ผู้สร้างหลักสูตรจะสอนการใช้สไตล์ที่ถูกต้อง
  7. ลอยตัว- ส่วนที่เจ็ดขยายสิ่งที่เราได้เรียนรู้เกี่ยวกับการจัดการขนาดบล็อกและพื้นที่รอบๆ มุ่งเน้นไปที่แนวคิดของโฟลว์บนหน้าเว็บ (โฟลต) และอธิบายความแตกต่างของการทำงานกับกริดของไซต์
  8. เฟล็กซ์บ็อกซ์- เมื่อไปถึงเส้นศูนย์สูตรของหลักสูตร คุณจะได้รับเชิญให้ทำความคุ้นเคยกับ Flexbox นี้ เครื่องดนตรีที่ทันสมัยเค้าโครงที่ให้ ควบคุมเต็มรูปแบบเหนือการจัดตำแหน่ง ทิศทาง ลำดับ และขนาดของบล็อก เมื่อเร็ว ๆ นี้ฉันได้พูดคุยเกี่ยวกับสิ่งที่เจ๋งกว่านั้น
  9. การวางตำแหน่งขั้นสูง- ถัดมาคือวัสดุที่ซับซ้อนมากขึ้น - การวางตำแหน่งขั้นสูงและประเภทหลัก: สัมพัทธ์สัมบูรณ์และคงที่ แม้ว่าฉันจำได้ว่าในหลักสูตรที่เราศึกษาฟีเจอร์นี้ร่วมกับ Float และก่อน Flexbox แน่นอน
  10. การออกแบบที่ตอบสนอง- ส่วนที่สิบจะอธิบายพื้นฐานและบทบาทของการออกแบบแบบตอบสนองบนเว็บไซต์ ตอนนี้คุณไม่สามารถอยู่ได้โดยปราศจากเขา
  11. รูปภาพที่ตอบสนอง- บทเรียนนี้เน้นไปที่ภาพที่ปรับเปลี่ยนได้ การปรับขนาด การกำหนดทิศทางและการสร้างรูปแบบทางเลือกโดยใช้ฟังก์ชันพิเศษ
  12. ความหมาย HTML- บทที่สิบสองกลับมาอีกครั้ง แนวคิดพื้นฐาน HTML เปิดเผยจากมุมมองเชิงความหมาย ที่นี่ผู้อ่านจะได้รู้จักกับองค์ประกอบ "ส่วน" แท็กใหม่และแอปพลิเคชัน
  13. แบบฟอร์ม- ในย่อหน้าสุดท้ายผู้เยี่ยมชมจะได้รับโอกาสศึกษาการสร้างแบบฟอร์มและองค์ประกอบของมัน: รายการแบบเลื่อนลง, เมนู, ช่องข้อความ, การออกแบบและการส่งข้อมูลเช่นผ่าน
  14. การพิมพ์เว็บ- บทช่วยสอนล่าสุดพูดถึงการพิมพ์เว็บสมัยใหม่บนเว็บไซต์ - เกี่ยวกับ รูปร่างข้อความ หัวเรื่อง แบบอักษร ฯลฯ ในบล็อกอื่นของฉัน มีส่วนเกี่ยวกับการพิมพ์เว็บ ซึ่งคุณจะพบบันทึกที่เป็นประโยชน์มากมายในหัวข้อนี้

โครงสร้างบทเรียนรูปแบบการสอน

เพื่อชื่นชมฟังก์ชันการทำงานและความสะดวกสบายของบริการ Interneting is Hard ฉันเสนอให้พิจารณาการใช้งานในส่วนย่อยข้อใดข้อหนึ่ง เรามาเรียนบทเรียนที่สองเกี่ยวกับการสร้างหน้าเว็บพื้นฐานกัน

สิ่งที่ฉันชอบเป็นการส่วนตัว:

  • เนื้อหาทั้งหมดจัดเรียงตามหัวข้อย่อย ข้อความนำเสนอเป็นภาษาที่เข้าถึงได้และไม่ต้องใช้ความรู้เชิงลึกเกี่ยวกับคำศัพท์ที่ซับซ้อน ทุกอย่างสั้นและตรงประเด็น - ตามประเพณีที่ดีที่สุด
  • จุดสำคัญและซับซ้อนแสดงไว้อย่างสวยงามด้วยไดอะแกรม
  • เพื่อความสะดวกในการทำความเข้าใจและทักษะการปฏิบัติ จึงมีตัวอย่างการเขียนโค้ดมาให้
  • ทุกอย่างสะดวกที่สุดเท่าที่จะเป็นไปได้: ที่มุมขวาบนมีปุ่มเพื่อกลับไปที่เมนูคุณสามารถสลับไปยังคำบรรยายที่ต้องการของบทเรียนได้ทันที (การนำทางทางด้านขวา) และหลังจากการบรรยายคุณสามารถเปิดบทถัดไปได้ การใช้งานดีเยี่ยม.

ข้อสรุป

ฉันจะชอบมันได้อย่างไร ปัจจุบัน Interneting is Hard เป็นหนึ่งในเว็บไซต์ที่ดีที่สุดสำหรับการสอนเลย์เอาต์ตั้งแต่เริ่มต้น ผู้เขียนหลักสูตรทำให้แน่ใจว่าผู้เริ่มต้นที่ไม่เคยใช้ HTML และ CSS สามารถเข้าใจพื้นฐานของการสร้างหน้าเว็บด้วยวิธีที่ง่ายและเข้าถึงได้ ข้อมูลมีโครงสร้างที่ดีมาก - ค่อยๆ ครอบคลุม 14 ส่วน คุณจะเอาชนะเส้นทางจากผู้ใช้มือใหม่ไปจนถึงนักออกแบบเลย์เอาต์ที่มีประสบการณ์ แน่นอนว่ามันเป็นไปไม่ได้หากไม่มีการฝึกฝนและการประยุกต์ใช้ความรู้ แต่สำหรับพื้นฐานทางทฤษฎีแล้ว นี่คือสิ่งที่ดีที่สุด การประชุมเต็มรูปแบบข้อมูลที่ผมเจอ หากคุณต้องการเรียนกับอาจารย์ ลองดูตัวเลือกจาก Netology ซึ่งก็ค่อนข้างดีเช่นกัน แม้ว่าจะจ่ายเงินแล้วก็ตาม

หากคุณรู้จักบริการอื่นๆ ที่น่าสนใจ สำหรับศึกษาการจัดวางเว็บไซต์ ส่งลิงค์มาในความคิดเห็นได้เลย